Sent by Karen Davis on 31 March 2008 15:03
Hi all-
I have a page with a left side submenu navigation list. The IN THIS SECTION text
is an anchor within an li, but I want to make that anchor *not* hover as the
rest of the list does, and I don't know how to accomplish this.
* Here's the page:
http://www.kdwebstudio.com/libraries.html
* Here's the style sheet:
http://www.kdwebstudio.com/styles2.css
* Here are the relevant styles from within the style sheet (I think):
(This style sheet was originally from a template which I have modified and I
don't understand yet how to read a style sheet with respect to inheritance).
..submenu {
padding: 0px;
margin: 0px;
list-style: none;
background-color: #FFFFCC;
}
..submenu li {
margin-bottom: 1px;
background-color: #c9d58d;
}
..submenu a:link, .submenu a:visited, .submenu a:hover {
text-decoration: none;
color: #000000;
display: block;
width: 180px;
height: 20px;
padding-left: 15px;
padding-top: 3px;
voice-family: "\"}\"";
voice-family:inherit;
width: 165px;
height: 17px;
background-color: #c9d58d;
font-weight: bold;
}
html>body .submenu a:link, html>body .submenu a:visited, html>body .submenu
a:hover {
width: 165px;
height: 17px;
color: #000000;
font-weight: bold;
}
..submenu a:hover {
background-image: url(images/vertical-over.gif);
}
..no-hover {
list-style-image: none;
background-image: url(images/submenu-hdr-bg.gif);
}
I don't really understand how this all works. Obviously my .no-hover attempt is
junk. So thanks very much in advance for any enlightenment you can provide me!
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/