Link mit Background-Image

[Frank Scholz]

Hi Forum,

mein Link der Class "text-link" soll immer mit einem Grafik-Pfeil gekennzeichnet werden, z.B. "> Hier finden Sie weitere Infos", wobei ">" eine Grafik ist.

#text-link {
  padding-left:7px;
  background-image:url(../images/link-marker.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px; /* hor vert */
}

Unter FF 3.0 funktioniert das auch einwandfrei, unter IE 7.0 jedoch nur, solange der Link-Text auf einer Zeile steht, also nicht umgebrochen wird. Wenn der Link-Text umgebrochen wird, also über mehrere Zeilen läuft, erscheint die Grafik nicht mehr,

Hat jemand eine Idee?

--
CU
Frank Scholz

[suit]

background-position: 0px 3px; /* hor vert */

das px bei 0 kannst du dir sparen

Hat jemand eine Idee?

ja, nimms hin - das ist halt so ;) - der ie8 beta 2 stellts übrigens richtig dar

eine alternative ist höchstens, das link-icon über das img-element einzubinden oder umbrüche im link (nur für den internet explorer 6 und 7 per conditional comment) zu verbieten