multiple background images
Hei.Jeg har en liste (<ul>) hvor listeelementene (<li>) skal styles som en boks ved hjelp av bilder.
Jeg har laget er toppbilde, et bunnbilde og et som skal repeteres på midten avhengig av hvor høy boksen blir.
Koden min ser typisk slik ut:
<ul>
<li class="sidebox">
<h2>Søk</h2>
<form id="searchform" method="get" action="minside">
<div>
<input type="text" name="s" id="s" />
<input type="submit" value="Søk" />
</div>
</form>
</li>
</ul>
<li> elementene blir automatisk generert av funksjoner i min wordpress løsning, så kode mellom <ul> og </ul> vil jeg ikke gjøre noe med.
Kan jeg på noen måte lage en style for <li> som bruker tre bakgrunnsbilder?
.sidebox li {
background: url(img/topp.png) no-repeat top left;
}
Dette legger til toppbildet, men jeg skulle gjerne lagt til
background: url(img/body.png) repeat-y;
background: url(img/bottom.png) no-repeat bottom left;
også.