Rulle tekstbokser i HTML

En HTML rulle tekstboksen er som et mindre vindu inne i nettleservinduet. Når du plasserer tekst i en rulle-boksen, kan leseren bla opp og ned i boksen for å lese hele teksten uten å måtte bla opp og ned på websiden selv. En mulig fordel å bruke denne effekten er at den lar deg beholde andre elementer som header, bunntekst og navigasjonslinjen i sikte hele tiden mens betrakteren forblir på siden.

Bruksanvisning

1 Åpne websiden i en teksteditor eller Web-programvare. Klikk der du vil at teksten skal vises. Skriv inn teksten.

2 Start en DIV tag med denne HTML-koden: <div> </ div>. Plasser teksten du skrev tidligere mellom taggene, som i <div> Eksempeltekst </ div>.

3 Legg in-line stiler til DIV tag å definere størrelsen på vinduet slik:

<Div style = "height: 300px; width: 300px;"> Sample Text </ div>

4 Legg overløp til DIV tag og sette den til å rulle som følger. Pass på at ordene "overflow" og "bla" er atskilt av et kolon og at "blar" er etterfulgt av et semikolon.

<Div style = "height: 300px; width: 300px; overflow: bla;"> Sample Text </ div>

5 Lagre websiden i en teksteditor eller Web authoring program. Åpne siden i en nettleser, for eksempel Internet Explorer eller Firefox for å se den rulle tekstboksen.

Hint

• Pass på at tekstmengden overstiger plass tillates av størrelsen på vinduet. Ellers teksten vil ikke bla. Hvis du gjør det DIV tag først og legge til tekst etterpå, fortsette å skrive. Rullefeltene vises når teksten flyter.
• For bedre HTML-programmering, definere div stiler i et eksternt stilark stedet og knytte websiden til det (se Ressurser).