I got it working like this:
CODE
#secondary-wrapper{
background-color:#e6e7e9;
border:1px solid #717073;
width:1023px;
margin:0 auto;
}
.solutions{
background-image:url(images/solutions-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
.company{
background-image:url(images/company-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
.contact{
background-image:url(images/contact-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
.news{
background-image:url(images/news-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
.benefits{
background-image:url(images/benefits-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
.partner{
background-image:url(images/partner-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
.service{
background-image:url(images/service-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
With the html as the same ...I hate CSS
QUOTE(no2pencil @ 9 Oct, 2007 - 08:56 AM)
QUOTE(supersssweety @ 9 Oct, 2007 - 08:35 AM)
is there a way you can write conditional statements in CSS
No. You can either use server side execution to test a condition & load the correct css, or declare a specific css for each page.
CODE
/* css */
about {
background-image = about.jpg;
}
solutions{
background-image = solutions.jpg;
}
/* php code */
if($_SERVER['REQUEST_URI']="about.html") { echo "class=about "; }
else { echo "class=solutions "; }
I just noticed your code, its good but it wouldn't work because the pic for company.html goes to all the company sublinks...so that is 4 more pages the company pic will be on...see?
| 