HTML5 en Webdesign

Fout in het boek op bladzijde 88

In het eerste vakje moet staan:

article p{
color: red;
font-family: Verdana
}

Fout in het boek op bladzijde 90

Dat eerste stukje klopt niet. De volgende twee stijlregels zijn wèl hetzelfde

margin 50px 0px;
margin 50px 0px 50px 0px;

Werkwijzer 5, Werken met blokken

Als je denkt dat je het model van bladzijde 5.86 zo maar even maakt, dan heb je het mis.
Daar gaat heel wat gereken en geteken aan vooraf. (voorbeeld) Heel belangrijk wordt het onderstaande boxmodel, waarin de werkelijke afmetingen van een blok worden vastgelegd:
Een element op een internetpagina kan een rand (border hebben). Buiten deze rand is een marge, en ook aan de binnenkant is er een 'interne marge' (de padding) ten opzichte van de werkelijke content.

Als je wilt berekenen hoe breed een element is, moet je naast de gewone breedte ook de padding links en rechts, de borders links en rechts, en de margin links en rechts er bij tellen...!

       

Werkwijzer 5, drijvende blokken

Het positioneren van blokken, en het uitrekenen van de werkelijke afmetingen is nog een hele klus. In de les kwamen een paar voorbeelden voorbij. (voorbeelden openen in nieuw venster, experimenteer met ctrl- en ctrl+ hoe deze pagina's zich gedragen in een kleiner of groter scherm)