So...">
Clever Geek Handbook

Pseudo class and text decoration issue: underline in IE6

I am using part of html for example:

<a class="somePseudoClass" title="Blablabla">Something</a>

and I have the following css in the imported file.

a.somePseudoClass:hover     {color: #000000; text-decoration: underline;}

This works fine in Firefox 2.0, but no underline is displayed in IE6.

Does anyone know of a workaround?

0


source to share


5 answers


It looks like you need the href attribute for it to work ...



a.somePseudoClass         {text-decoration: none;}
a.somePseudoClass:hover   {color: #000000; text-decoration: underline;}
<a class="somePseudoClass" title="Blablabla" href="#" onclick="return false;">Something</a>
+8


source


In IE 6:

div#nav a {
   text-decoration:none;
}


a:link

not defined in IE 6.

+2


source


I just got this with ie6 and found mssage here by googling. My problem was that the line-height was set equal to the font-height. FF, Chrome, Safari, etc. Everyone showed underline, but ie6 turned it off, so no searching for overriding CSS elements etc. Was not found.

+1


source


this should work, but it depends on what other CSS declarations you have (before and after)

0


source


How do you disable the underline in the first place? Perhaps this overrides this.

If you start with just your example on the page and use it text-decoration: underline

, it works fine. It's not IE, it's something else on your page.

0


source






More articles:


All Articles