[css-d] anchor no-hover problem

2008-03-31 Thread Karen Davis 
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: #CC; 
} 
 
.submenu li { 
margin-bottom: 1px; 
background-color: #c9d58d; 
} 
 
.submenu a:link, .submenu a:visited, .submenu a:hover { 
text-decoration: none; 
color: #00; 
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; 
} 
htmlbody .submenu a:link, htmlbody .submenu a:visited, htmlbody 
.submenu 
a:hover { 
width: 165px; 
height: 17px; 
color: #00; 
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 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/

Re: [css-d] anchor no-hover problem

2008-03-31 Thread Christian Kirchhoff 
Hello,

add the following to your css:

.submenu a.no-hover:hover {
background: none;
}

Best regards,

Christian Kirchhoff
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza


Karen Davis schrieb:
 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: #CC; 
 } 
  
 .submenu li { 
   margin-bottom: 1px; 
   background-color: #c9d58d; 
 } 
  
 .submenu a:link, .submenu a:visited, .submenu a:hover { 
   text-decoration: none; 
   color: #00; 
   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; 
 } 
   htmlbody .submenu a:link, htmlbody .submenu a:visited, htmlbody 
 .submenu 
 a:hover { 
   width: 165px; 
   height: 17px; 
   color: #00; 
   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 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/
   
__
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/

Re: [css-d] anchor no-hover problem

2008-03-31 Thread cj 
On 3/30/08, Karen Davis [EMAIL PROTECTED] wrote:
  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.


i see a couple things that might cause confusion.

1. your background is being set on the li, not the a, so when you
put your no-hover class on the a, you'd be looking at fixing a
different element than you have css for on non-hovering.

2. just because you name the a no-hover class no-hover, that
doesn't mean it'll target the hover style by default.  :)  you'd need
to make your css say .no-hover:hover.


if you're interested in suggestions, i'd put your no-hover class on
the li and go from there - .no-hover a:hover.  your no-hover
class right now contains directions that are supposed to be putting
themselves on the li to start with (namely the list style), so
moving the class to the li will align your css with what i think
you've got going on in your brain.  hopefully that will get the css
behaving in what you were trying to do in the first place.

best of luck!
__
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/