Hallo beste phphulp,

Ik heb een vraagje mbt CSS. Graag zou ik in div 2 plaatjes willen weergeven is dit mogelijk?

#inhoud {
margin: 32px auto;
width: 600px;
font: 10px verdana;
color: #000;
border: 1px solid #ddd;
padding: 1px;
background: white url(images/bg2.gif);
background-repeat:repeat-y;
}

Hierboven is de zien dat in de div het plaatje verticaal wordt herhaald, maar graag zou ik een extra plaatje in het midden willen als achtergrond van de div.
Hoi BlackJack,

dit kan niet in CSS
zo een vermoeden had ik al :(

In ieder geval bedankt! :)
Het zou wel kunnen als je drie divs maakt met verschillende z-indexen denk ik.
Je kan natuurlijk wel een div in een div zetten.
#inhoud {
margin: 32px auto;
width: 600px;
font: 10px verdana;
color: #000;
border: 1px solid #ddd;
padding: 1px;
background: white url(images/bg1.gif);
background-repeat:repeat-y;
}
#inhoud2 {
width: 600px;
background: white url(images/bg2.gif);
background-repeat:repeat-y;
background-position: center center;
}

Je code wordt dan

<div id="inhoud">
<div id="inhoud2">
Hier je tekst
</div>
</div>
Webm, als je in allebei repeat-y doet, gaat het fout

Je moet dan in 1 div repeat-y doen en in de andere no-repeat.
Hey dat is idd een goeie!

Een div in een div
en dan in het buitenste div zet ik repeat-y

en in de binnenste div zet ik de achtergrond als center
Precies, dat is de mooiste oplossing.
@Jan, de z-index had weer niet in IE gewerkt...
Het had wel gekunt, maar dan had je gewoon 'met de hand' moeten 'tellen' welke div welk plaatje krijgt, zodat IE ze goed over elkaar legt...

Reageren