Hi folks,

I've only just discovered CSS and have been implementing it on my website over the last couple of weeks. However I'm finding a really elementary problem with Firefox, which, from what I've read, shouldn't be happening:

Even with the most basic script:

<style type="text/css">
<!--
a:active { text-decoration: underline}
a:hover { text-decoration: underline}
a:link { text-decoration: none}
a:visited { text-decoration: none}
-->
</style>

Firefox shows the links without underlining, but doesn't add the underlining when hovering or clicking on the links. IE does it OK.

What am I missing?
Please help!

Shen
Aum Mani Padme Hum

It could relate to many issues:

1) The links could be assigned another class witch may have other styles set

2) If the stlesheet is an external file, is it being linked in the header?

3) The paged is displaying a cached version of the page and/or stylesheet.

I think the problem is #3 since it is working in IE, just force a refresh by pressing Ctrl + F5

There's a specific CSS ordering which I've done below.

<style type="text/css">
  a:link { text-decoration: none; }
  a:visited { text-decoration: underline; }
  a:hover { text-decoration: underline; }
  a:active { text-decoration: none; }
</style>

Cheers,

MC

As noted above, they must be in a specific order. Think "LoVeHAte"

Thanks folks,
That worked. Unfortunately it seems Dreamweaver isn't aware of LoVeHAte! My CSS code is generated by Dreamweaver. Checking the Dreamweaver code with the CSS validator (w3.org) picked up many errors, but not this one.

Shen

That's because it isn't an error nor a warning.

The problem with WYSIWYG editors, is that errors and warnings will always be created, because the developers would rather throw it out into the market without checking everything works accordingly.

And the linke method should actually be:

Link
Visited
Focus
Hover
Active

The new one being FOCUS.