Multiple Header Images

[Illuvatar]

Has anybody used mutiple header images in V4 and if so how please?

As you can see from this site here: www.i-bmw.com

They were running version 3.5 where the header template was table driven and had two images (one right and one left) so that no matter what size screen the site is viewed on, the header seemed to magically adjust to fit just because one image is left aligned and the other is right aligned.

For version 4.1.2 that I'm running, the header template is now drivin with CSS using DIV, Class, etc. so simply inserting table code with another image defo did not work. LOL

My site is here: http://www.warofthering.net/indexnew.php and is currently hidden using "indexnew.php"...

As you can see, I've got the code in the additional.css template to center the main image, but have an image for the right and left sides that I want to use as well so that they "float" up too and away from the main image depending on screen size.

The class for the main image is ".logo-image" and the code to center it is

.logo-image {
clear:both;
display:block;
float:none;
text-align:center;
padding-top: 20px;
}

Do I need to make new classes for the additional images? If so, where are they stored?

Is there an easier way to do this? Much appreciated!

[LifesGreatestGift]

I would need to see an example of what you are trying to do. You could put the side images in their own DIV and use z-index and positioning to make them go where you want.

[Illuvatar]

Okay....well....check this out here: www.i-bmw.com

They've got one on the left...one on the right....me....I'm going to have three....one in the middle (already there) and then one on either side.

I'll look into this z-index thing....not much of a coder to tell true....

[Attitude5ire]

If you are brave enough, you can try the new CSS3 multiple background tag
Multiple Backgrounds

[Illuvatar]

Originally Posted by Attitude5ire

If you are brave enough, you can try the new CSS3 multiple background tag
Multiple Backgrounds

Thanks man...but not that brave.