Chuonrad
Aktives Mitglied
Thread Starter
- Dabei seit
- 27.08.2004
- Beiträge
- 359
- Reaktionspunkte
- 286
Hallo Community,
ich möchte einen <a>-tag mit einem Hintergrundbild, hier einem kleinen Pfeil versehen. Das ganze wie CSS, also nicht mit einem <img> vor dem link.
Mein Versuch sieht derzeit so aus:
p a:link {
background-image: url(bilder/arrow.gif);
background-repeat: no-repeat;
padding-left: 12px;
}
also, es sollen nur die <a> behandelt werden, die innerhalb eines <p> stehen.
mit einem rand versehen, der den text um 12px versetzt, damit er nicht über dem Bild steht.
mein editor (Hyperedit) zeigt das korrekt an. Safari ignoriert es völlig, IE rückt nur ein (lässt das bild aber weg). beim FireFox gehts richtig.
Hat jemand eine andere Lösung oder einen anderen Ansatz?
ich möchte einen <a>-tag mit einem Hintergrundbild, hier einem kleinen Pfeil versehen. Das ganze wie CSS, also nicht mit einem <img> vor dem link.
Mein Versuch sieht derzeit so aus:
p a:link {
background-image: url(bilder/arrow.gif);
background-repeat: no-repeat;
padding-left: 12px;
}
also, es sollen nur die <a> behandelt werden, die innerhalb eines <p> stehen.
mit einem rand versehen, der den text um 12px versetzt, damit er nicht über dem Bild steht.
mein editor (Hyperedit) zeigt das korrekt an. Safari ignoriert es völlig, IE rückt nur ein (lässt das bild aber weg). beim FireFox gehts richtig.
Hat jemand eine andere Lösung oder einen anderen Ansatz?