[SOLVED] Two images in header

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
iskanje
Forum Members
Forum Members
Posts: 17
Joined: Mon Oct 08, 2007 8:01 pm

[SOLVED] Two images in header

Post by iskanje »

I have made this CMSMS-site www.vek.fi, and I'm wondering how I could add a second image to the header area where the logo is?

The logo should stay at far left, and the other image, a kind of background, should stay at far right, so that the container would still be fluid.

Thanx :)
Last edited by iskanje on Tue Sep 09, 2008 3:39 pm, edited 1 time in total.
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am

Re: Two images in header

Post by Gregor »

I've had a similar question and if you search the forum, I guess you'll find the way I finally solved it.
Gregor
iskanje
Forum Members
Forum Members
Posts: 17
Joined: Mon Oct 08, 2007 8:01 pm

Re: Two images in header

Post by iskanje »

Found the answer.. This helped:

div#header {
   height: 111px;    /* adjust according your image size */
background: #FFF url(uploads/images/mybackground.jpg) no-repeat 100% 0;
}

div#header h1 a {
/* you can set your own image here */
   background: transparent url(uploads/images/logo.gif) no-repeat 12px 6px;
Post Reply

Return to “Layout and Design (CSS & HTML)”