Sjabloon highlight

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;
}
          Leuk als je dit artikel deelt:
Share

Geef een reactie

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