a:hover -- what's wrong?

windows

Guest
Hi guys,

I am doing what seems to be the easiest thing in CSS -- defining links:


A:link
{
font-family: arial;
font-size: 12px;
color: #999999;
text-decoration:none;
}

A:hover
{
font-family: arial;
font-size: 12px;
color: #000000;
font-weight: bold;
text-decoration: underline;
}
A:visited
{
font-family: arial;
font-size: 12px;
color: #999999;
text-decoration:none;
}
A:active
{
font-family: arial;
font-size: 12px;
color: #999999;
text-decoration:none;
}


<link href=http://www.webdeveloper.com/forum/archive/index.php/"include/styles.css" type="text/css" rel=stylesheet>

<a href=http://www.webdeveloper.com/forum/archive/index.php/"">Home</a>


but for some reason my link changes only to bold when I hover over it. If I take away font-weight and would want link to become color black on hover, it does not work. Not even underline appears.

What am I doing wrong?

thanks,
webtekielove hate
In other words:
link
visited
hover
active

you have
link
hover
visted
activeWOW!
I never knew that order was important...

thanks a lot!yeah, order matters... just like border/margin/padding has to go clockwise:
Top, Right, Bottom, Leftooohhhh that's what i did wrong! i was wondering why my table was upside downLMFAO inca
 
Back
Top