To forskjellige bakgrunnsbilder på side

[jh_]

Jeg har forsøkt meg litt på egenhånd, og lett litt på nettet etter svar - men jeg har ikke funnet noen tutorials spesifikt rettet mot mitt spørsmål.

 

Det jeg forsøker å gjøre er å ha to bakgrunnsbilder på samme side, det ene skal repeteres øverst på siden, det andre skal repeteres nederst på siden. Jeg får kun til å få ett av bildene til å repetere seg øverst eller nederst.

 

Jeg har lagt ved et bilde for å illustrere hva jeg forsøker å gjøre. Fint hvis noen kunne pekt meg i riktig retning. Jeg ønsker å gjøre dette vha. css.

[Jakob K]

Du kan nok bare ha ett bakgrunnsbilde per element med CSS2. Altså må du ha to elementer med som ligger oppå hverandre med samme størrelse her, og definere én bakgrunn i hver av dem. F.eks kan du da lage en ekstra DIV rundt (jeg kommer i hvertfall ikke på noen mer semantisk løsning i farta..).

 

<div style="background-image: url('top.png');"><div style="background-image: url('bottom.png');">
<h2>Lorem</h2>
<p></p>
</div></div>

 

Sett CSS-en inn i et eget dokument om du skal bruke det, bare orket ikke skrive så mye nå

Endret 14. juni 2007 av AfroDude

[Magnus Holm]

Lag en footer og

body {
 background: url('bg_top.gif') repeat-x;
}

#footer {
 background: url('bg_bottom.gif') repeat-x bottom;
}

[jh_]

Takker for svar folkens, problem solved!