HTML ver gevorderde |
|
<div id="container">
<div id="links">
<div id="een">1</div>
<div id="twee">2</div>
</div>
<div id="rechts">3</div>
</div>
<div id="container"> <div id="links"> <div id="een">1</div> <div id="twee">2</div> </div> <div id="rechts">3</div> </div>
*
{
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: bold;
}
#container
{
width: 520px;
}
#links
{
width: 200px;
float: left;
}
#een
{
width: 200px;
height: 200px;
background-color: #ff9900;
margin-bottom: 20px;
}
#twee
{
width: 200px;
height: 200px;
background-color: #006666;
}
#rechts
{
width: 300px;
height: 420px;
float: right;
background-color: #ddffff;
}
* { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; } #container { width: 520px; } #links { width: 200px; float: left; } #een { width: 200px; height: 200px; background-color: #ff9900; margin-bottom: 20px; } #twee { width: 200px; height: 200px; background-color: #006666; } #rechts { width: 300px; height: 420px; float: right; background-color: #ddffff; }
|