[CSS] Links mit einem Bild versehen?

[Meflin]

Hi,
gibt es mit css eine möglichkeit, links ein bild zu verpassen, ähnlich wie
http://www.wasauchimmer.de
ich nehme zwar an dass dieses bild reingeparst wird aber ich hätte lieber eine lösung via stylesheets!

*MFG*

[gekmihesg]

hmmm du könntest es so machen:

Code:

a {
   background: url(bild.gif) no-repeat; /*bild.gif = 16x16px*/
   padding-left: 18px;
}

habs aber nicht getestet!

[himitsu]

Versuch mal das Pseudoformat :before

Code:

a:before { content:'[img]...[/img] '; }

oder

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

siehe selfHTML > CSS Stylesheets > Pseudoformate ...

[gekmihesg]

wow! das is ja cool!!!
damit muss ich gleich rumspieln ;)

[Meflin]

thx, war mir bis jetzt völlig unbekannt!

[gekmihesg]

ohh! nachteil: nur netscape

[Meflin]

habe auch grade festgestellt: es geht nicht! also doch zurück zu gekmihesgs lösung...

[himitsu]

:oops: Uups, hatte ich jetzt garnich so mitbekommen -.-

Ach, warum können sich die Browserherstellen nicht endlich mal auf einen Standard einigen :x

[Meflin]

das find ich allerdings auch ziemlich besch...
wär nämlich echt praktisch, aber bei der ie dominanz kaum einsetzbar :x

[Neuni]

Muss das denn mit css sein, oder kanns auch php sein? Damits würds auf jeden fall gehen.

[Meflin]

das problem ist schon gelöst, mit der ersten methode. mit php wüsst ich auch wies ginge, aber php wollte ich ja eben gerade vermeiden!

[Die Muhkuh]

Hi,

wie bekomm ich das Bild ein Stückchen weiter runter?

Ich habs schon mit padding-bottom versucht, zeigt aber keine Wirkung.

[alcaeus]

Hallo Manuel,

padding-bottom gibt den Abstand von unten an. Verwende margin-top im IMG-Tag oder padding-top im td-Tag oder was auch immer grad "um das IMG drumgewickelt ist" ;)

Greetz
alcaeus

[Die Muhkuh]

Hi AndY,

kann ich das nicht auch im CSS umstellen?

[mh166]

Sieher hier: http://css4you.de/backgroundproperty.html

mfg, mh166