Sjabloon highlight

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">

<head>
<title>3 kolommen</title>
<link rel="stylesheet" type="text/css" href="stijl1.css">

</head>

<body>
<div id="header">Titel van de website</div>

<div id="menu">
<h3>Menu</h3>
<br />
<a href=index.htm>Home</a><br>
<a href=archief.htm>Archief</a><br>
<a href=tekst.htm>Tekst</a><br>
<a href=spreken.htm>Spreken</a><br>
<a href=contact.htm>Contact</a><br>
</div>

<div id="tekst">
<h3>Lorem Ipsum dolor sit</h3>
<p>Lorem ipsum menandri instructior concludaturque quo ex, unum cetero verear mel ad.
Eros autem his at, ne paulo disputationi vim, cu inermis delicatissimi vis. Amet iudico labores
et eum, eu ullum inimicus eum. Cu sed iisque forensibus. Ex pro erat nonummy, quot error corpora
est ne. No est albucius adipisci, ius</p>

<p>lorem integre an. Has te petentium delicatissimi, mel ea sumo voluptua.
Dicat etiam audiam no nam, pri cu dicant noster argumentum, an perpetua incorrupte has.
Abhorreant voluptatibus sed eu. Pri ex solet mucius accusata, his posse sententiae in. Ei duis labores
est, eam graeci patrioque ut, sumo magna signiferumque. </p>
</div>

<div id="nieuws">
<h3>Laatste Nieuws</h3>
<small>10 mei 07</small><br>
<b>Website gestart</b>
<p>vandaag zijn we gestart met een nieuwe website en de site moet een succes worden, want hij is gemaakt met css en in drie kolommen verdeeld.</p>
<small>9 mei 07</small><br>
<b>Website niet gestart</b>
<p>vandaag zijn we nog niet gestart met een website omdat we nog niet wisten hoe het moest.</p>
</div>

</body>
</html>
body {
margin: 0px;
padding: 0px;
font-family: Georgia, Times, Serif;
color: black;
width: 800px;
}
div#header {
background-color: #666;
color: white;
font-size: 28px;
}
div#menu {
position: absolute;
top: 30px;
left: 10px;
width: 160px;
margin-left: 10px;
padding-top: 20px;
}
div#tekst {
position: absolute;
top: 30px;
left: 180px;
width: 400px;
padding-top: 20px;
margin: 0px 10px 0px 10px;
}
div#nieuws {
font-size: 80%;
float: right;
top: 30px;
width: 160px;
padding-top: 20px;
margin: 0px 10px 0px 50px;
}
#nieuws h3 {
font-size: 140%;
}
#nieuws p{
font-style: italic;
}

Een reactie achterlaten

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *