bild an link anfügen - css

Ciryx · 19.08.2006

Hallo zusammen...

Ich möchte die Links auf meiner Page jeweils noch mit einem kleinen Bild am Ende versehen.
Ich nehme an, dass ich das per CSS regeln muss. Jedoch habe ich nichts gefunden. Kann mir jemand von euch weiterhelfen?

Danke

connyas · 19.08.2006

Wenn ich z.B. Links, die auf eine externe Sete verweisen, kennzeichnen will, mach ich es so:

Code:

&lt;a href=[url]http://www.blabla.de[/url] class=ext_b target=_blank>BlaBla&lt;/a>

Und das wäre die CSS-Klasse dazu (auf den Pfad zum Image achten

):

Code:

/* Links extern */
a.ext_b {
	background: url(../images/external.png) center right no-repeat; 
	padding-right: 13px;	
}

Sieht dann in Etwa aus wie bei Wikipedia die kleinen blauen Böpel hinter den Links mml

http://de.wikipedia.org/wiki/Cascading_Style_Sheets#Syntax

Nachtrag:

Du kannst natürlich auch ALLE Links so auszeichnen, was allerdings etwas übertrieben wäre IMHO

Code:

&lt;a href=[url]http://www.blabla.de[/url] target=_blank>BlaBla&lt;/a>

Und das wäre die CSS-Klasse dazu (auf den Pfad zum Image achten

):

Code:

/* alle Links */
a:link {
	background: url(../images/external.png) center right no-repeat; 
	padding-right: 13px;	
}

Ciryx · 19.08.2006

Absolut perfekt wie immer! Danke :1

connyas · 19.08.2006

Und das mit dem Erledigt-Häkle lernen wir auch noch ;DD

bild an link anfügen - css

Ciryx

connyas

Ciryx

connyas

bild an link anfügen - css

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums