PDA

View Full Version : Link Hover



brownleaf
Dec 8th, 2008, 10:21 AM
------

194673
Dec 8th, 2008, 10:33 AM
You have a:hover set to the dashed border
If you want the border to go away when you roll over it, you should have this instead:

a:hover{
color: #000000;
background:#ffffff;
font-family: arial;
font-size: 12px;
line-height:150%;
text-decoration:none
border-bottom: none;
}

GardenGnome2
Dec 8th, 2008, 12:04 PM
All you did was in the 'a:hover', you set the exact same properties as the 'a' so nothing happened.

brownleaf
Dec 8th, 2008, 12:51 PM
-----

Rowsdower!
Dec 8th, 2008, 03:08 PM
^ Actually, I did change it.
I changed the COLORS of the dashes because when I set it to "NONE" nothing happened.

I set it back to none now; still no effect...



a{
color: #000000;
background:#ffffff;
font-family: arial;
font-size: 12px;
line-height:150%;
text-decoration:none;
border-bottom: 1px dashed #000000;
}
a:hover{
color: #000000;
background:#ffffff;
font-family: arial;
font-size: 12px;
line-height:150%;
text-decoration:none
border-bottom: none;
}


Try closing your text-decoration with ";". Without doing this your CSS won't be read below that point...