Mon, 2004-12-13 15:10
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
Mon, 2004-12-13 15:21
#1
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? :?
Mon, 2004-12-13 15:23
#2
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!