2 replies [Last post]
jayanth
Offline
newbie
Last seen: 17 years 29 weeks ago
Timezone: GMT+5.5
Joined: 2004-12-13
Posts: 1
Points: 0

Hello,

My website http://www.heapspace.com/ cannot be viewed properly in Mozilla Firefox. Whenever the mouse hovers above any text, the text changes colour and gets underlined, like a hyperlink. This problem does not occur in either IE or Opera. The HTML and CSS are valid according to W3C standards. Please help.

Thanks,

Jayanth

SteveG
Offline
Regular
Last seen: 17 years 33 weeks ago
Joined: 2004-11-16
Posts: 37
Points: 0

Firefox Display Problem

Change these lines:

 a           { color: #006699; text-decoration: none }
:hover       { color: #006699; text-decoration: underline }
.out         { color: #D0CCD0; text-decoration: none }
.out:hover   { color: #D0CCD0; text-decoration: underline }
.dload       { color: #003366; text-decoration: none; font-weight: bold }
.dload:hover { color: #003366; text-decoration: underline; font-weight: bold }

To this:

a            { color: #006699; text-decoration: none }
a:hover       { color: #006699; text-decoration: underline }
.out         { color: #D0CCD0; text-decoration: none }
.out a:hover   { color: #D0CCD0; text-decoration: underline }
.dload       { color: #003366; text-decoration: none; font-weight: bold }
.dload a:hover { color: #003366; text-decoration: underline; font-weight: bold }

And all should be well.
I'm really not sure why the CSS validator doesn't pick this up though? :?

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 8 years 49 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Firefox Display Problem

Your code is messy but this is your main problem as you are telling the browser to underline any text when you hover over anything:

:hover { color: #006699; text-decoration: underline }

[ edit ] Sorry for the cross-post!

Life's a b*tch and then you die!