De reden waarom ik niet overal op de DNS4
deze div-scroll gebruik is dat het werkt
met Javascript. Nu weet ik best dat 98%
van alle bezoekers Javascript "aan heeft
staan", maar die overige 2% bezoekers wil
ik ook van dienst zijn. Voor als je wat
makkelijker bent dan ik, en als je jouw
pagina's overzichtelijk wilt houden, kan
je
deze javascript-code in de head van
jouw pagina "plakken". Er is ook een klein
stukje "style" aanwezig. Dit dient er voor
om jouw div van een hoogte te voorzien (en
natuurlijk voor de opmaak van de div in het
algemeen). Als je de div geen hoogte meegeeft
valt er weinig te scrollen. Ook de
overflow:hidden; zal gebruikt moeten worden.
Doe je dit niet dan wordt de hoogte van de
div genegeerd en "loopt" de tekst over de
beneden-grens van de div heen. En als laatste
staat er een voorbeeld van de linkjes. Of je
nu plaatjes of tekst gebruikt: de procedure
blijft hetzelfde. Als je de "knopjes" wilt
gebruiken copy/paste ze dan even van het scherm.
Denk er overigens aan om steeds dezelfde
naam te gebruiken voor de div in de css,
de linkjes en natuurlijk de id van de div zelf..
(bij het maken van deze pagina ben ik zelf in
deze fout getrapt).
Om dit divje een beetje te vullen om iets te laten
zien om te scrollen, zal ik wat saaie (en droge)
maar nuttige informatie geven over het een en ander.
CSS - Overflow
Met de Overflow optie in CSS kan je instellen
wat er moet gebeuren als een bepaalde inhoud
(bijvoorbeeld van een div) langer wordt dan
een aangegeven grootte. Als je een tekstvak hebt
die je (b.v.) 300px height hebt gegeven,
en de hoeveelheid tekst is meer dan in het
het vakje past, kan je de overfow gebruiken
om een schuifbalkje in het vak te plaatsen.
De code die je toevoegt aan je CSS is in
dit geval "overflow:auto". De eigenschappen
die je voor het overflow attribuut
kunt instellen zijn:
* scroll - hiermee staat er altijd een schuifbalk.
* auto - een schuifbalk verschijnt als de tekst te lang is.
* hidden - alles wat te lang is wordt niet getoond.
* visible - het vak rekt mee met de inhoud (default)
Dit zal wel volstaan, dunkt mij..
