Ben nu ff bezig geweest om het voor elkaar te krijgen.
Helaas lukt het mij niet.
Wil een div onder een div plaatsen, maar hij zet elke keer ernaast.
Iemand die mij op het juiste pad kan brengen?
Helaas lukt het mij niet.
Wil een div onder een div plaatsen, maar hij zet elke keer ernaast.
Iemand die mij op het juiste pad kan brengen?
HTML:
<!DOCTYPE html>
<html>
<head>
<style>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
height: 240px;
float:left;
padding:10px;
border:1px solid black
}
#onder {
width:350px;
float:left;
padding:10px;
border:1px solid black
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<div id="header">
<h1>City Gallery</h1>
</div>
<div id="nav">
London<br>
Paris<br>
Tokyo<br>
</div>
<div id="section">
<h2>London</h2>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
</p>
</div>
<div id="onder">
dit moet onder tekst van londen staan.
</div>
<div id="footer">
Copyright © Test
</div>
</body>
</html>
. Ik speels soms wel wat met mijn eigen website en modder soms ook wat met de posities van de div's.
