torsdag 27 september 2007

Vänsterställd punklista med bild

Jag fortsätter med min vänsterställda lista och byter ut punkterna mot en bild istället.

ul{
margin: 0;
padding: 0;
margin-left: 17px;
line-height:0;
}
ul li{
line-height:18px;
padding-bottom:8px;
list-style-image:url(image/li.gif);
}

Resultat:



Med detta css visas en bild framför varje list-objekt och varje list-objekt får samma radavstånd (line-height) och ett extra mellanrum efter varje list-objekt.

Stylen är testad och fungerar i IE6+, Firefox 2.0.0.6

Inga kommentarer: