HTML Box Pro Help

[cjrent]

I just purchased HTML Box Pro...which is great!

But I now have a design question to ask and need help.

I know this is a lot to ask, but any guidance would be appreciated.

 

I want to create an HTML Box Pro in the Header

 

I'd like to see 3 images roughly 325w x 175h all next to each other. Each image would be clickable to a different product or page.

 

Here is the code I'm using...I'd rather not use tables, but css is not my strong suite.

 

Eventually I'd like to have 3 different ads. One with 3 image ads one with just 1 long image ad, and maybe one with 2 image ads and then active one at a time depending on how I want the site to look.

 

if you go to http://boojh.x10host.com/ps/

you can see that it's all shifted to the left.

I cannot get it to center over the page so it is in line with the site.

And it's kind of messed up my fixed header stuff that I did according to this post: http://mypresta.eu/en/art/developer/fixed-header-in-prestashop.html

Any advise would be greatly appreciated.

 

<table width="975" border="0" cellspacing="0" cellpadding="0">
 <tr>
<td><a href="http://boojh.x10host.com/ps/258-zwarenstein-alex"><img src="http://boojh.x10host.com/ps/ads/adv1.jpg" width="325" height="175" /></a></td>
<td><a href="http://boojh.x10host.com/ps/10-art-glass"><img src="http://boojh.x10host.com/ps/ads/adv2.jpg" width="325" height="175" /></a></td>
<td><a href="http://boojh.x10host.com/ps/16-vintage-posters"><img src="http://boojh.x10host.com/ps/ads/adv2.jpg" width="325" height="175" /></a></td>
 </tr>
</table>

Edited August 23, 2013 by paditur (see edit history)

[vekia]

here I am

 

use this code:

<table width="975" border="0" cellspacing="0" cellpadding="0" style="margin:auto;">
 <tr>
	<td><a href="http://boojh.x10host.com/ps/258-zwarenstein-alex"><img src="http://boojh.x10host.com/ps/ads/adv1.jpg" width="325" height="175" /></a></td>
	<td><a href="http://boojh.x10host.com/ps/10-art-glass"><img src="http://boojh.x10host.com/ps/ads/adv2.jpg" width="325" height="175" /></a></td>
	<td><a href="http://boojh.x10host.com/ps/16-vintage-posters"><img src="http://boojh.x10host.com/ps/ads/adv2.jpg" width="325" height="175" /></a></td>
 </tr>
</table>

 

+ question, where you want to display it? below the header?

 

i suppose that you want to achieve something like this:

 

 

Am I right?

[cjrent]

something like that, but my gut instinct tell me they are going to want the option to but it above the header sometimes and below the header other times. yikes.

that's why I purchased htmlbox pro. flexibility.

[cjrent]

oh! i just figured it out. you have the option for 'header' or 'top' neat!

 

take a look at the site: http://boojh.x10host.com/ps/

 

some other things are getting cut off so I think....

 

i'll have to change the header.tpl and footer.tpl to read

 

<div id="columns" class="grid_9 alpha omega clearfix" style="Position:relative; top:500px;">

instead of

<div id="columns" class="grid_9 alpha omega clearfix" style="Position:relative; top:175px;">

 

in order for the header to be fixed, right?

Edited August 23, 2013 by paditur (see edit history)

[vekia]

hello

 

i checked it.

 

you want these advertisements to be FIXED ? (exactly as menu?)

 

i don't know exactly what you want to achieve so it's hard to say what you have to do right now

[cjrent]

never mind. the fixed header was goofing a couple of other things up, so i'll not use that. otherwise the ads look great! and i love that i have the option to put them on the header or just on top. awesome mod! thank you.

[vekia]

regarding to the fixed header:

i think that the main problem is in fact, that you have to close the header <div> then adverts will not be fixed

if you want we I can help in this case, i think that fixed header is an great idea but in this case it needs some personalization

[cjrent]

if you have the time i'm open to any help. i'm glad you think the idea has merit. i'm just trying to anticipate their needs just so when this is presented in it's final form, i have all my ducks in a row.