Help with my stylesheet

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
nigma
DevNet Resident
Posts: 1094
Joined: Sat Jan 25, 2003 1:49 am

Help with my stylesheet

Post by nigma »

Here is my stylesheet:
a:link
{
vertical-align: super;
text-decoration: none;
color: #999999;
}
a:hover
{
vertical-align: super;
text-decoration: none;
color: #339900;
}
a:visited
{
vertical-align: super;
text-decoration: none;
color: #999999;
}
a:active
{
text-decoration: none;
vertical-align: super;
font-weight: bold;
color: #3399FF;
}

First problem: When I include this in an html doc nothing happens.
Here is line I use to include:
<link rel="stylesheet" type="text/css" href="sheetName.css" />

Second problem: When I gave up on that I just made it an internal style sheet yet still when I mouse over the links color does not change. The only things that do change are the style of the links and when they are active they turn to color code #3399FF but nothing else from the style sheet takes place.

Thanks for all help and advice provided.
User avatar
Wayne
Forum Contributor
Posts: 339
Joined: Wed Jun 05, 2002 10:59 am

Post by Wayne »

Put the a:hover as your last style sheet option out of these, as the order they appear in affect the style. If you a:visited is after your a:hover this style will override the a:hover and you will get no style change when you put your mouse over.
User avatar
nigma
DevNet Resident
Posts: 1094
Joined: Sat Jan 25, 2003 1:49 am

Post by nigma »

That worked. Thanks a bunch for the help with this.
Post Reply