tc
pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt
VOORBEELD PAGINA 3

VOORBEELD PAGINA 3

  [NAAR VOLGENDE VOORBEELD PAGINA]

Op deze derde voorbeeld pagina is de bovenrand <div> met de id pt (pagetop) toegevoegd.
CSS regels voor deze div:

    #pt {
     position: absolute;
     left:40px;
     top:0px;
     width:97%;
     height:45px;
     background:#faebd7;
     background-image:url(./divpics/vk90pt.jpg);
     border:0px;
     padding-right:11px;
     text-align:center;
         }

Ook hier heeft de border:0px; voor deze div geen effekt, maar is blijven staan om makkelijk te kunnen experimenteren.
Voor deze voorbeeld pagina heb ik die border naar 1px black veranderd en een rijtje pt tekst in de <div> gezet.
Het getegelde achtergrondplaatje topcorner background picture(vk90pt.jpg) overlapt ook het <body> gedeelte:
te zien aan het gedeeltelijk verdwijnen van de titel "VOORBEELD PAGINA" (in feite moest ik zelfs een <br /> toevoegen om de titel nog een beetje te zien).

Dit achtergrondplaatje is met 45 pixels net zo hoog als het linker bovenhoek plaatje. Om een naadloze aansluiting te krijgen, is de top<div> 40 pixels naar rechts geplaatst met de CSS regels position:absolute; en left:40px; - natuurlijk omdat het linker bovenhoekplaatje ook 40 pixels breed is, zoals je zag op vorige pagina.

Bovenaan rechts is mogelijk te zien dat de paginarand daar wat "lekt": dat komt door de width:97%; lijn. Waarom heb ik dat dan gedaan? Omdat je anders altijd een horizontale scrollbar krijgt. Helaas werkt die truc niet altijd. Tot nu toe heb ik nog geen bevredigende oplossing voor dat probeem gevonden. Ik wacht op suggesties...

![NAAR VOLGENDE VOORBEELD PAGINA]

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