#container {width:900px; margin:0 auto;} /* width= de breedte van je layout, margin 0 = aantal pixels vanaf de bovenkant en auto betekend gecentreerd.*/ #header {background: url(Images/Header.png); width: 900px; height: 60px; margin: 0;} #header h1 {font-size: 30px; color:#f1f1f0; margin:0; padding:120px 0 0 10px; } /* we zetten de h1 achter #header zodat de h1 waarde allen voor die div toepasbaar is.*/ #menu {background: url(Images/menu.png); width: 900px; height: 27px; margin: 0;} #menuitems {text-align: center; padding-top: 10px;} /*nu komt het in het midden en 3px vanaf de bovenkant.*/ #menuitems a {font-size: 11px; color: #f1f1f0; text-decoration: none;} /*met de a kunnen we de waarde van de linken bepalen voor de menuitems*/ #menuitems a:hover { color: #cedfe8;}/*de kleur voor als je met je muis over de link gaat*/ #content {background: url(Images/Blok1.png); width: 900px; margin: 0; overflow:hidden;} /*hieraan geven we geen height mee omdat deze moet "meerekken" met de inhoud van je site. De overflow zorgt hiervoor.*/ #left { width: 800px; margin: 10px 0 0 50px; float:left;} #right { width: 800px; margin: 10px 0 0 50px; float:left;} /*let op dat de width + de margins van zowel left als right totaal niet meer zijn dan de breedte van je layout, anders komt de laatste div eronder ipv ernaast.*/ #footer {background: url(Images/footer.png); width: 900px; height: 35px; margin: 0;} #footer h2 {font-size: 9px; color:#f1f1f0; text-align: center; padding-top: 2px; margin: 0;}/*de margin is hier nodig om de footer op zijn plaats te houden*/
Neen.. Ik wil een geheel apart vak naast die content, niet erin. Zodat er ruimte tussen zit. Niet in de content, maar er naast. Zou je me de hele code kunnen geven, inbouwen in de syle.css dus? http://jochemsweb.nl/projecten/radio/style.css? Een menu vak dus.
je moet uiteraard dit niet gaan oplossen met een table... dan heb je alles netjes met divs en dan ga je dit vervuilen met een table code. Lijkt me onnodig. (btw: nice dat je mijn tut als voorbeeld neem )
<div id="left"> hier je vak links</div>
<div id="right"><h2> Welkom </h2> Welkom op Radiostation,
Deze layout is gemaakt door Jochem Stobbe.<br />
Er kunnen nog meer vakken worden toegevoegd, etc.<br />
Er komt ook nog een prachtig logo.<br />
Dit is nog maar het begin. Lorum Ipsum!<br />
<br />
Met vriendelijke groet,<br />
Jochem Stobbe
</div>
Jouw reactie
Deel je idee, stel een vraag of help een ander verder.