Avatar billede verakso Nybegynder
12. juni 2009 - 13:16 Der er 1 løsning

bullets men med billeder

Jeg spekulerer på om det er muligt at lave en liste <li> men med iconer/billeder i stedet for de normale bullets

Der er dog lige den hage, at jeg gerne vil kunne skifte icon undervejs eks.

<ul>
<li class="msword">MS Word fil</li>
<li class="pdf">PDF fil</li>
<li class="zip">Zip fil</li>
</ul>

Jeg er kommet en del af vejen, og har lavet nogle css klasser

eks:
.pdf{
list-style-image: url(/img/icon_pdf.gif);
}

Men jeg har nogle problemer med aligment.
Mine gif'er er 16x16px, og jeg symtes det ser pænest ud, hvis teksten er align=middle

Så inputs er velkomne
Avatar billede mrgumble Nybegynder
12. juni 2009 - 13:40 #1
Min alltime favorit sted at kigge er her: http://w3schools.com/css/css_reference.asp

Du kan flytte lidt frem og tilbage på tingene med margin og padding, og som du selv skriver vertical-align. Men du bliver desværre nødt til at prøve dig frem.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester