Previous Message
Next Message

Re: [css-d] border-color: transparent; issues in IE6 and Opera

Sent by [EMAIL-REMOVED] on 18 April 2002 14:02


On Thursday, April 18, 2002, 1:16:28 PM, James wrote:
>> As I read things in the spec [1], I can set my border-colors to transparent,
>> and still give them a width. This allows me to have a dotted border to show
>> up around my links on hover. (When a:links don't have a border, and your
>> a:hovers do, some UAs make the text jump around duet to the extra pixels in
>> your borders, so making the border transparent, and the same width as the
>> :hovered borders takes care of the jumping.)

>     In my tests, it doesn't work in _either_ IE 5.x/Win32 (including IE 5.5)
> or IE 6/Win32. In both cases, when border-color is set to transparent, IE
> paints the border with the value of the element's color property.

There's that, and then there's the fact that when you set a
border-width for a:link, it adds that to the line-height and so you
get a subtle increase in line-height of any line of text containing a
link.

I'm trying to solve the same text-jumping problem (seen in IE5 Mac)
that Mark describes. I tried setting a:hover {margin-bottom: -1px} to
compensate for the extra pixel from the a:hover bottom border, but
that of course did not work.

Would love to find a solution.

Eric Costello
[EMAIL-REMOVED]
http://www.glish.com/
Previous Message
Next Message

Message thread:

Possibly related: