Na enige aanpassingen aan mijn layout zet hij het onderdeel: home apart?
Ook wil ik graag tussen alle div's wat ruimte (tussen menu,header,content)
En hoe doe ik de text een stukje > opzetten?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">;
<html>
<head>
<title>div's</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
#bar {
min-width: 150px;
min-height: 20px;
background: #6ed20c;
}
#header {
height: 100px;
max-width: 800px;
background: #d2400c;
}
#container {
min-width: 800px;
}
#sidebar {
text-align: left;
float: left;
margin-top: 5px;
width: 150px;
background: #a1a1a1;
}
#content {
margin-top: 5px;
margin-left: 5px;
min-width: 300px;
min-height: 100px;
float: left;
text-align: left;
background: #a1a1a1;
}
p {
font: 0.8em verdana;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>header</h1>
</div>
<div id="sidebar">
<div id="bar"><b>Bestuuring:</b></div>
<p>::<a href="index.php?page=home">Home</a><p>
<p>::<a href="index.php?page=pagina1">Pagina1</a><p>
<p>::<a href="index.php?page=pagina2">Pagina2</a><p>
<div id="bar"><b>Hoofdgroep:</b></div>
<p>::<a href="index.php?page=pagina1">Pagina3</a><p>
<p>::<a href="index.php?page=pagina2">Pagina4</a><p>
<p>::<a href="index.php?page=pagina1">Pagina5</a><p>
</div>
<div id="content">
<div id="bar"><b>:: Home</b></div>
blaaaaaaaaaaaaaaaaaaaaa
</div>
</div>
</center>
</body>
</html>
Edit: css is aangepast (18:40)
1.205 views