Background image bei links
Ulrich
- css
Hallo,
Es geht um eine Möglichkeit links die auf andere Webseiten verweisen mit einem kleinen Icon (12px^2) zu kennzeichnen.
Meine Lösung dafür ist wie folgt:
<a class="extern" href="http://bla.de">mehr...</a></p>
#content a.extern {
background:url(ex_link.gif) no-repeat center right;
background-color:transparent;
padding-right:20px;
}
Über die Klasse .extern spreche ich alle externen links an und habe so eigentlich wenig Stress den gewünschten Effekt zu erzielen.
In dem Moment, wenn anstatt 'mehr...' ein Text steht, der einen Zeilenumbuch erfordert, ist das Hintergrundbild verschwunden.
Der Ausweg der mit einfällt wäre:
#content a.extern {
background:url(ex_link.gif) no-repeat center right;
background-color:transparent;
padding-right:20px;
display:block;
}
was aber einen unerwünschten Nebeneffekt erzielt...
oder aber das icon direkt im link zu refferenzieren, wir z. b. :
<a class="extern" href="http://bla.de">mehr...<img scr="ex_link.gif" height="12" width="12"></a></p>
Letztere Möglichkeit finde ich aber auch suboptimal, da sie den HTML Quelltext nicht unbedingt übersichtlicher macht.
Mit
#content a.extern {
background:url(ex_link.gif) no-repeat 'posA' 'PosB';
[...]
}
den Positionen ('posA' 'PosB') habe ich schon experimentiert, aber keine Lösung gefunden.
Gehe ich Recht in der Annahme, daß es außer Einbingung in den Link als img keine Möglickeit über CSS für inline-Elemente gibt?
Falls doch, kann mir jemand verraten wie?
Vielen Dank
Ulrich
Hallo.
Gehe ich Recht in der Annahme, daß es außer Einbingung in den Link als img keine Möglickeit über CSS für inline-Elemente gibt?
Du könntest den Umbruch unterbinden, falls der nicht unbedingt notwendig ist, oder zumindest für moderne Browser mittels :after
eine Grafik einsetzen.
MfG, at
Danke für die Antwort-
auch wenn ich etwas anderes erhofft hätte.
Aber ich hatte schon befürchtet, daß es wohl darauf hinauslaufen würde. Ich denke, ich werde den Umbruch verbieten.
Guten Rutsch und ein gesundes, erfolgreiches und glückliches 2006
Ulrich
Hallo.
Guten Rutsch und ein gesundes, erfolgreiches und glückliches 2006
Herzlichen Dank, ich wünsche dir und unseren Mitlesern dasselbe.
MfG, at