Hello, all.
I've found some weird behavior when using background-position of
links. I wanted to add a little icon to external links and after a few
tries I used this code:
a.externo {
background-image: url(imagenes/externo.gif);
background-position: left 0.2em;
background-repeat: no-repeat;
padding-left: 12px;
}
Opera* does what I want:
http://www.mundoplus.tv/atnbueno/bgbugs/opera8_ok.png
But Firefox and IE have some problems when a line-break happens in the
middle of the link:
http://www.mundoplus.tv/atnbueno/bgbugs/ff1_padding.png
http://www.mundoplus.tv/atnbueno/bgbugs/ie6_top.png
I use "0.2em" instead of "center" (my first choice) because of IE's
behavior:
http://www.mundoplus.tv/atnbueno/bgbugs/ie6_center.png
And I put the icon to the left because Opera has problems when there's
justification and IE has the same error with uglier results:
http://www.mundoplus.tv/atnbueno/bgbugs/ie6_right.png
http://www.mundoplus.tv/atnbueno/bgbugs/opera8_right.png
All this happens not only when the line breaks besides a floated
element, but also in a regular line-break.
The question of course is: Is there any way of making it work right in
these three browsers?
(*) I check with Opera 8, Firefox 1.06 and IE 6 on WinXP, and my site
browser stats are 91% IE, 9% FF and me using Opera (<1% non-windows)
--
Greetings from Spain,
Antonio
http://www.mundoplus.tv/
Televisión por satélite en España
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
