Hallo zusammen,
hab ein Problem mit Hintergrundgrafiken für <a> und <span> im IE. Ich kann Euch leider keinen Link geben, da das Projekt noch nicht Online ist. Definiert habe ich im css folgendes:
Code:
a:link, a:visited, a:active, a:hover, span {
background-image: url(../pics/arrow.gif);
background-position: 0 0;
background-repeat: no-repeat;
padding: 0 0 0 20px;
}
Dies setzt links und spans einen pfeil voran (>>). Das funtioniert soweit ganz gut in IE/Moz/Opera. Mein Problem tritt dann auf, wenn link oder span innerhalb eines Fließtextes (eingeschlossen in
) aufgrund Zeilenende automatisch umgebrochen wird. Dann nämlich verschwindet im IE die Grafik. Das padding-left wird weiter angezeigt. Definiere ich für
Code:
background-repeat:repeat-x;
ist die Grafik da. Gebe ich beispielsweise
Code:
background-position: 50px 0;
an, wird die Grafik, je nach Textabstand von links sichtbar. Ich nehme also an, dass sie irgendwie nach links gesetzt wird und hinter dem Text verschwindet.
Hat jemand eine Idee hierzu?
Ronson