Style Links vorher Bild einfügen

[Sven]

Hallo,

ich möchte mittels Style vor jedem Link ein kleinen Pfeil (Bild .gif) darstellen.

Kann man das mit Style auch?

Vielen Dank im Voraus.

Gruß
Sven.

[Thomas Meinike]

Hallo,

ich möchte mittels Style vor jedem Link ein kleinen Pfeil (Bild .gif) darstellen.

Kann man das mit Style auch?

Ja, in dieser Form aber nicht im IE:

a:before
{
  content: url("bild.gif");
}

Browser-freundlicher so:

a
{
  background: url("bild.gif") left center no-repeat transparent;
  padding-left: 10px; /* Wert nach Bildbreite anpassen */
}

MfG, Thomas

[Sven]

Hallo,

ich möchte mittels Style vor jedem Link ein kleinen Pfeil (Bild .gif) darstellen.

Kann man das mit Style auch?

Ja, in dieser Form aber nicht im IE:

a:before
{
  content: url("bild.gif");
}

Browser-freundlicher so:

a
{
  background: url("bild.gif") left center no-repeat transparent;
  padding-left: 10px; /* Wert nach Bildbreite anpassen */
}

MfG, Thomas

Ihr seid spitze, super und vielen DANK!!!

[wahsaga]

hi,

Browser-freundlicher so:

a
{
  background: url("bild.gif") left center no-repeat transparent;
  padding-left: 10px; /* Wert nach Bildbreite anpassen */
}

wobei sich der IE 5 für diese "freundlichkeit" derart bedankt, dass er padding hier nicht umsetzt, und das bild somit unterhalb des linktextes anzeigt.

gruß,
wahsaga

[Axel Richter]

Hallo,

ich möchte mittels Style vor jedem Link ein kleinen Pfeil (Bild .gif) darstellen.

http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#before_after

viele Grüße

Axel