Beste Mensen,

Ik ben een beetje met CSS aan het spelen. Kan iemand mij vertellen hoe ik een opbouw krijg met CSS als het bijgevoegde voorbeeld?

De header kan je waarschijnlijk gewoon op een normale manier maken, maar die andere vakken moet je maken mbv de float command.

bijv:

#Div {
float: left;
}

Hierdoor gaan ze als het ware naast elkaar staan. En dan kan je de divjes dan onderling uit elkaar halen mbv de margin command.

Heb je zelf al iets geprobeerd? Je wil leren, dat heeft te maken met oefenen, niet met alles op een zilveren presenteerblaadje krijgen.

We kunnen hem wel een beetje de goede kant op sturen toch?

Jawel, dat had Yerney al gedaan: float: left;

HTML:

Code:

<!-- We gebruiken #l_sidebar voor het linker paneel -->
<div id="l_sidebar">
	<!-- Content links -->
</div>

<!-- We gebruiken #content voor het middelste gedeelte -->
<div id="content">
	<!-- Content midden -->
</div>

<!-- We gebruiken #r_sidebar voor het rechter paneel -->
<div id="r_sidebar">
	<!-- Content rechts -->
</div>

<!-- We clearen hem nog even, zodat er niks naast kan floaten
<div class="clear"></div>

CSS:

Code:

	.clear {
		clear:both;
	}
	
	#l_sidebar {
		width:250px;
		float:left;
	}
	#content {
		width:500px;
		float:left;
	}
	#r_sidebar {
		float:left; // Niet essentieel
		width:250px;
	}

Hoop wel dat je er iets van leert :p Is overigens niet de hele layout, alleen 3 vakken naast elkaar, als je deze code begrijpt weet je precies wat je te doen staat.