Top Banner Ad Dimensions

[WriteAtHome]

Hi Zenners,

In the Zen-Cart tutorials it states:

"Banner sizes are your choice as well. There are Internet standard sizes for consistency, but you can make them any size that you want and mix and match the sizes depending on your layout."

But, it also states:"Wide Banners are designed to span the width of your page... "

Which statement is correct?

I want to add a banner to the right of my header logo. See here: http://67.20.94.65/

As you can see my test banner (position 2) ends up under the logo and centered. I've created my banner graphic not to exceed the available width.

Is the problem in the coding? Can I not accomplish this? I've tried all the header positions, I've tried moving the code around in the template file, but no such luck. The only way I've been able to get the banner where it's supposed to be is to delete my logo.

Any help would be appreciated.

Thanks!

Kim

[stevesh]

Not sure I understand - is the livelaughlove.gif image what you're asking about?

[clydejones]

Not sure I understand - is the livelaughlove.gif image what you're asking about?

try adding the following to your stylesheet.css (includes/templates/custom/css/stylesheet.css)

#bannerTwo {
float:right;
width:331px;
}

[WriteAtHome]

Hi Steve and Clyde,

Yes, the Live, Laugh Love graphic will be a rotation of vinyl wall lettering examples, not actual banner ads.

Thanks Clyde for the input. I added the code to the stylesheet and it sent the graphic to the right, but did not bring it up to the same level as the logo. Here's the link again to see what it currently looks like: http://67.20.94.65/

Any other ideas?

Kim

[clydejones]

Hi Steve and Clyde,

Yes, the Live, Laugh Love graphic will be a rotation of vinyl wall lettering examples, not actual banner ads.

Thanks Clyde for the input. I added the code to the stylesheet and it sent the graphic to the right, but did not bring it up to the same level as the logo. Here's the link again to see what it currently looks like: http://67.20.94.65/

Any other ideas?

Kim

try this. you can adjust the "right and top" to suit your needs.

#bannerTwo {
position:absolute;
right:30px;
top:50px;
width:331px;
}

[WriteAtHome]

Clyde,

The change you suggested worked!

I also just found that if I moved the bannerTwo code above the logo code in tpl_header file, I achieved the same thing. But I very much like your suggestion better. Less code to screw up.

Thank you!

Kim