How can I get the links on this page to turn blue and be underlined when hovered upon, without getting every link on the site to do the same (primarily speaking of the nav bar)? I have tried setting a new div, with seperate properties, but can never get it to turn out right. Thanks.
<!-- m --><a class="postlink" href="http://www.freewebs.com/kentuckyweightlifting/links.htm#nav1">http://www.freewebs.com/kentuckyweightl ... s.htm#nav1</a><!-- m --> a:hover{
background:blue;
text-decoration:underline;
}I tried that. and it didn't work. #nav1 is the div for the drop-down list on the left. The problem I am having is that whatever I do for "a: hover" it does for my drop-down menus. I know this is a common feature because I see it on most websites. I just can't figure it out. Also, I don't want blue background, just blue font with an underline. Anybody else have suggestions? If it helps, here is my css:
<!-- w --><a class="postlink" href="http://www.freewebs.com/kentuckyweightlifting/styles.cssChange">www.freewebs.com/kentuckyweightlifting/styles.cssChange</a><!-- w --> your top a:hover to
a:hover {color:#00a;font-weight:normal;text-decoration:underline;}
Then make a more specific one to cover anchors in nav1 or other places you don't want that presentation like
#nav1 a:hover {color:#333333;font-weight:normal;text-decoration:none;}Awesome. It worked. Thanks guys.
<!-- m --><a class="postlink" href="http://www.freewebs.com/kentuckyweightlifting/links.htm#nav1">http://www.freewebs.com/kentuckyweightl ... s.htm#nav1</a><!-- m --> a:hover{
background:blue;
text-decoration:underline;
}I tried that. and it didn't work. #nav1 is the div for the drop-down list on the left. The problem I am having is that whatever I do for "a: hover" it does for my drop-down menus. I know this is a common feature because I see it on most websites. I just can't figure it out. Also, I don't want blue background, just blue font with an underline. Anybody else have suggestions? If it helps, here is my css:
<!-- w --><a class="postlink" href="http://www.freewebs.com/kentuckyweightlifting/styles.cssChange">www.freewebs.com/kentuckyweightlifting/styles.cssChange</a><!-- w --> your top a:hover to
a:hover {color:#00a;font-weight:normal;text-decoration:underline;}
Then make a more specific one to cover anchors in nav1 or other places you don't want that presentation like
#nav1 a:hover {color:#333333;font-weight:normal;text-decoration:none;}Awesome. It worked. Thanks guys.