CSS plaatjes
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.
dit kan niet in CSS
background-position: center center;
http://www.w3schools.com/css/pr_background-position.asp
//Edit
Oh, jij bedoeld 2 plaatjes, niet goed gelezen.
Gewijzigd op 10/12/2005 23:36:00 door Bart Waarom verplicht
In ieder geval bedankt! :)
#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>
Je moet dan in 1 div repeat-y doen en in de andere no-repeat.
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
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...