Add 2 images to the header

[jacon1965]

Help! I've looked for hours in the FAQs and forums, and have read the book, but I can't seem to find the right answer for adding two images to my header. I have changed the logo and floated it in the middle. Now I want to add an image on both sides of the logo

[kobra]

If your layout is a fixed width you can add this as a background image

[jacon1965]

I've made somewhat of an effort to that with no success. I'm a newbie, could you explain with more detail.

Thanks for the quick reply!

[kobra]

How about a link to where you are

[jacon1965]

http://www.cstrucktops.com

I like the idea of editing the stlyesheet, seems easier, but i'm not understanding

[kobra]

You can try creating your images(not too wide & height to match) and attaching one to #logo and the other to #logoWrapper - float one left and the other right

#logoWrapper {
float: left;
background-image: url(../images/left_bg.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
height: match heightpx;
}
#logo {
float: right;
background-image: url(../images/right_bg.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
height: match heightpx;
}

[jacon1965]

I tried with no success. No images appeared on either side, and it moved my logo from the center to the right. the image size that I used is 125 x 97. Any ideas?

[kobra]

I tried with no success. No images appeared on either side, and it moved my logo from the center to the right. the image size that I used is 125 x 97. Any ideas?

Yoy added what was posted to your stylesheet correct?
Where did you upload images to?
Seems that logo is also responding to logoWrapper setting?

Will have to use positioning for background check at w3schools

[jacon1965]

I have my logo centered in the stylesheet under #logo text-align: center.

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg
{text-align: center;}

#logo
{float: right;
background-image: url(/home/cstruckt/public_html/images/cartoontruck1.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
height: 140px;}

is this creating a problem?
I have no image showing yet.
My logo size is 600 x 140. Is this too big?

[kobra]

Move images to includes/templates/CST/images/ and edit your calls from:

background-image: url(/home/cstruckt/public_html/images/cartoontruck1.jpg);

to:

background-image: url(../images/cartoontruck1.jpg);