This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > November 2005 > White bars left of <a>-tags on colored background in Firefox





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author White bars left of <a>-tags on colored background in Firefox
Manfred Kooistra

2005-11-12, 6:26 pm

I have positioned a text link over an image, and when I hover over the
link, in Firefox a 1px-wide text-high white bar appears immediately to
the left of the first letter of this link. CSS for the <a>-tag is:

A:link { text-decoration: none; color: #660000; }
A:visited { text-decoration: none; color: #660000; }
A:hover { text-decoration: none; color: #CC0000; }
A:active { text-decoration: none; color: #CC0000; }

I had the same problem with image-links, and here the following
suppressed the white line:

A.imagelink:hover { text-decoration: none; color: #660000; }
<a href="..." class="imagelink">

But I cannot do this to a text link, as I want the color to change on
hover.

Am I stupid, or what can I do?

The relevant page is located at
www.manfredkooistra.de/24021967/fotografien.html. (Attention! One link
leads to adult content. Do not follow, if offended.)

Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews