foto html - css     . List - Positie

Omschrijving   Voorbeeld

Je kan ook de positie bepalen of de clipart heel dichtbij moet, of juist heel dichtbij zoals je hier ziet.  

In de css

ul{
list-style-type: none;
padding: 0;
margin: 0;
}
li{
background-image: url(clipart.gif);
background-repeat: no-repeat;
background-position: 8px;
padding-left: 23px;
}

Tussen de bodytags

<ul>
<li><a href="#">Boter</a></li>
<li><a href="#">Kaas</a></li>
<li><a href="#">Eieren</a></li>
</ul>

end
terug
home