Er zijn nu 4 divs met unieke id's. De 4 css-stijlen moeten nu gemaakt worden, met een hekje ervoor, omdat het id's zijn.

Maak eerst een extern css via File > new > css. Koppel je HTML-document aan dit nieuwe css via het CSS-palet (kettinkje onderin). Maak dan via de Plus onderin de volgende stijlen:

body {
 margin:10px;
 padding:0;
 }

#plaatje {
   width:220px;
   height:220px;
   float:left;
   background-color:red;
   }

#kop {
   margin-left:230px;
   height: 220px;
   background-color:yellow;
   }

#menu {
   width: 220px;
   margin-top: 10px;
   float: left;
   background-color:green;
   }
#inhoud {
   margin-left:230px;}

De website is nu schalend, als je dat niet wilt kun je #kop en #inhoud ook nog een vaste breedte meegeven.

Next >>