webForumDet fria alternativet

Bild i CSS

2 svar · 339 visningar · startad av rikard81

rikard81Medlem sedan mars 2007311 inlägg
#1

Jag vet att man kan infoga bakgrundsbilder i CSS men hur infogar man egentligen komponenter.. te.x små gif-bilder utan att använda HTML? Om jag te.x vill ha en bild framför en länk och skapar en class. Hur gör jag då?

HTML:

<a class="bilden" href="http://www.adressen.com">Tryck här</a>

CSS:

.bilden {img: url(bilder/pekare.png); }

Funkar ej. :l

StefanBergfeldtMedlem sedan sep. 2004828 inlägg
#2

Du får sätta en Background på den, och ställa in background-repeat.
En padding kan vara lämpligt också så att texten inte går över bilden.

silfverMedlem sedan apr. 200312 679 inlägg
#3

Exempel:

<a id="rss" href="#">RSS-länk</a>

#rss {background: url(img/rss.png) 2px no-repeat; padding: 2px 0 3px 18px;}
124 ms totalt · 3 externa anrop · v20260731065814-full.2b84b982
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
121 ms — hämta tråd, inlägg och bilagor (db)