I am trying to do the following:
(1) Create a menu <ul> where the "home" button does not appear on the "home
page." I added css to make the display property=none for the "home" button
on the home page using the id's for the page(body), menu(ul) and menu
item(li). See code below...
(2) Change color of menu items <li> depending on the page you are on. For
example, on page 1, the page 1 button would be a different color that the
rest of the menu items. My attempts at css formatting for this are ignored
by the browser.
*Ok, I know this sounds like easy stuff*, and I have done this in the past
but I am having a heck of a time with it now. Any help/hints would be much
appreciated!
#topNav {
clear: both;
border: 0;
padding: 8px 18px 0px 0px;
margin: 0;
list-style: none;
float: right;
}
#topNav li {
float: left;
margin: 0 1px 0 2px;
padding: 0 1px 1px 1px;
border-top: 1px solid #005490;
background: #000000;
}
#topNav a {
padding: 0 5px 0 5px;
color: #ffffff;
font-size: 11px;
font-weight: normal;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#topNav a:hover {
color: #fdfb75;
text-decoration: none;
}
#main #topNav #home {
display: none;
}
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
