De reden dat het bij je klasgenoot wel werkt kan een verschil in versie zijn. Kun je niet een stuk code sturen? Als verversen e.d. niet werkt ligt het waarschijnlijk daar aan.
Hieronder volgt mijn voorlopige html code:
<html>
<head>
<title> Au petit matin </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="welkom">
<div id="foto1">
<img src="foto1.jpg" width=220px height=180px>
</div>
<div id="foto2">
<img src="foto2.jpg" width=220px height=180px>
</div>
<br>
<br>
<br>
<font size="15">Au Petit Matin</font>
</div>
<div id="menu">
<a href="menu.html" class="knop">Accueil</a>
<a href="kamers.html" class="knop">Chambres</a>
<a href="activiteiten.html" class="knop">Activités</a>
<a href="prijs.html" class="knop">Prix</a>
<a href="contactgegevens.html" class="knop">Contact</a>
<a href="reservaties.html" class="knop">Réservation</a>
</div>
<div id="middenblok">
Bienvenue dans notre domain Au Petit Matin.
<br>
Nous avons choisi pour le nom Au Petit Matin parce que
<h5 class="middenblok"><hr/></h5>
L'Ille-et-Vilaine est un département français situé en Bretagne. Il porte le numero 35 dans la numérotation départementale français.
<br>Il est situé dans l'Est de la région Bretagne et fait partie du pays gallo, aussi appelé Haute-Bretagne.
<br>Rennes est le chef-lieu de département et préfecture de la région Bretagne.
<br>La population totale est de 980 668 habitantes en 2007.
<br>
<br>
<img src="foto3.png">
</div>
</body>
</html>
En de css code hierbij:
#foto1{
position:absolute;
background-color:#77457F;
left:3px;
top:3%;
}
#foto2{
position:absolute;
background-color:#77457F;
left:775px;
top:3%;
}
#welkom{
position:absolute;
background-color:#77457F;
width:100%;
height:30%;
top:2%;
border:solid 1px black;
text-align:center;
}
#menu{
position:absolute;
background-color:#77457F;
width:10%;
height:40%;
top:34%;
border: solid 1px black;
}
a.knop{
color:#F9D7FF;
display:block;
padding-top:15px;
padding-bottom:15px;
text-align:center;
text-decoration:none;
font-size:15px;
}
a.knop:hover{
background-color:#BE6FCC;
width:100%;
}
#middenblok{
position:absolute;
background-color:#77457F;
width:89%;
height:60%;
top:34%;
left:12%;
border:solid 1px black;
padding-left:20px;
padding-top:20px;
overflow:auto;
scrollbar-base-color:#7C6B7F;
}
h5.middenblok{
padding-right:2%;
}
[/edit]
