tc
pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt
pb
pb
pb
pb
pb
pb
pb
pg

VOORBEELD PAGINA 5
VOORBEELD PAGINA 5
VOORBEELD PAGINA 5

  VOORBEELD PAGINA 5

  [NAAR VOLGENDE VOORBEELD PAGINA]

Op de vijfde voorbeeld pagina is de "centrale" <div> met het id pg (page) toegevoegd.
Het achtergrondplaatje voor deze <div> tegelt over the <body> achtergrond, ik moest daarom de tekst "VOORBEELDPAGINA 5" naar beneden zetten met een paar keer <br /> om hem een beetje onder pg weg te schuiven. De CSS eigenschappen van deze <div> (niet alle CSS regels weergegeven):

     #pg {
     position: absolute;
     left:40px;
     top:45px;
     width:98%;
     padding: 0px 5px 25px 0px;
     margin-right:15px;
     border:0px;
     background:#faebd7;
     background-image:url(./divpics/vk90pg.jpg);
     ......
         }

Voor deze voorbeeldpagina heb ik de <div> omlijnd met blauw en er de tekst pg in gezet. De hoogte van de div wordt begrend door de inhoud die hier allen maar uit pg> tekst bestaat. De tekst in de <body> zit daar nog steeds in en daarom gaan de regels nog steeds links over de rand heen en worden ze nog steeds afgedekt door de pb tekst.

De breedte van de pg <div> is op 98% gezet, opnieuw om een horizontale scrollbar te vermijden en weer: niet altijd met succes.

The pg <div> is 40 pixels naar rechts en 45 pixels naar beneden gepositioneerd, het achtergrondplaatje is hiervoor bewerkt, zodat er een, zo goed als mogelijk, naadloze aansluiting met de randen is. Uiteraard moest er daarbij ook voor gezorgd worden, dat het plaatje als randloze tegel kan werken, zowel horizontaal als verticaal!
Het plaatje: page backgoround picture (vk90pg.jpg)
tegelt over de gekleurde <body> achtergrond, maar niet verder dan er inhoud (tekst en plaatjes) in de pg <div> zit. Op deze pagina zit de meeste tekst er nog buiten, zoals al eerder aangegeven. Op de volgende pagina gaan we de meeste tekst verplaatsen naar de pg <div> om het juiste formaat te krijgen, waarbij het achtergrondplaatje achter het hele tekstgedeelte getegeld wordt.

[NAAR VOLGENDE VOORBEELD PAGINA]

(18-12-2006 rev. 31-03-2022)