Hvordan lage et rullefelt i en tabell med HTML

October 15

Tabeller er nyttige verktøy i HTML for å holde data formatert på en bestemt måte. Noen ganger tabeller inneholder store mengder data som du kanskje ikke ønsker å ta opp hele skjermen. I slike tilfeller kan du legge et rullefelt i en tabell som er satt til en bestemt størrelse. En besøkende kan bla gjennom så mye tekst som du velger å legge til, men tabellen vil alltid forbli den samme størrelsen.

Bruksanvisning

1 Åpne websiden som du vil endre i en HTML eller tekstredigering program.

2 Skriv inn følgende kode i kroppen delen av HTML:

<Table>

<Tr>

<Td>

3 Legg til følgende kode etter <td> code for cellen:

4 Endre bredden og høyden til den størrelsen du ønsker den rull cellen å være.

5 Skriv inn dataene du ønsker innenfor den rull tabellen.

6 Legg inn koden </ div> etter dataene.

7 Lukk bordet med følgende kode:

</ Td>

</ Tr>

<Table>

8 Lagre filen. Tabellen cellen som du har angitt vil nå være rullbare.

Hint

Et eksempel på en rullebord kode:
<Table>
<Tr>
<Td>
<Div style = "width: 200px; height: 100px; overflow: auto;">
Det er der alle innholdet i tabellen i går. <P>
Legg til litt mer innhold, og mer og mer og mer. <P>
I stedet for å vokse større med all denne teksten, vil tabellen har en scrollbar.
</ Div>
</ Td>
</ Tr>
</ Table>