Linking problems.

[basilr]

I have no idea why this is not working. I still see the underlined text on a link. Here is a snip of my code:

The css:

.tabtext   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;  text-decoration: none; }

The link:

<a href="http://www.mydomain.com/cat_index_29.php" class="tabtext">Forums</a>

All of my other css code is working great.

Using MSIE 6.0.2

[Adam P.]

Strange...works for me. What browser and version are you looking at it on?

[Mike]

Did you happen to use FrontPage to make that css?

When I used to, quite often the css didn't work. All I did was retype it with less spaces and it worked fine.


.tabtext {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none;}

[sludge01]

Links are kind of a special case. You should be using pseudo-classes to control their appearance. Try using the following (modify to your needs, of course):


/* Blanket rule, covers all links */

a {
font-family : "Arial, Helvetica, sans-serif";
font-size : 12px;
color : #000;
}

/* Rules to cover various states. Active indicates the state of the link when it is clicked. They must appear in this order, although you can omit any that aren't applicable (eg. active). */

a:link {
text-decoration : none;
}

a:visited {
text-decoration : none;
}

a:hover {
text-decoration : underline;
}

a:active {
text-decoration : underline;
}


You can make these specific to a class by prepending each rule with the class name. Example:

.blah a:link {
text-decoration : none;
}

Hope this helps.
-- Sludge