Avatar billede andersjo Nybegynder
06. juli 2007 - 10:48 Der er 1 kommentar

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&oslash;k</h2>
    <form id="searchform" method="get" action="minside">
    <div>
    <input type="text" name="s" id="s" />
    <input type="submit" value="S&oslash;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å.
Avatar billede andersjo Nybegynder
06. juli 2007 - 14:18 #1
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