Theresa Mesa wrote:
http://www.mdh-test.com/perry/
All I want to do is swap out the white box gif with a blue box gif.
Active page. Blue box. Non-active page. White box.
Add a class to the Sections body
<body class="home">
<body class="about">
<body class="portfolio">
<body class="testimonials">
<body class="contact">
Add an id to the list items
<ul>
<li id="t-home">...</li>
<li id="t-about">...</li>
<li id="t-portfolio">...</li>
<li id="t-testimonials">...</li>
<li id="t-contact">...</li>
</ul>
Then reference them in the css
body.home #leftnav li#t-home a,
body.about #leftnav li#t-about a,
body.portfolio #leftnav li#t-portfolio a,
body.testimonials #leftnav li#t-testimonials a,
body.contact #leftnav li#t-contact a {
background-image: url(perry_images/blue.gif);
}
Roger Johansson has an article the describes the process better than I
could
http://www.456bereastreet.com/archive/200503/
setting_the_current_menu_state_with_css/
cheers
Bruce
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
