Hvordan lage et rullefelt i en tabell

May 1

En HTML-tabell kan gi en sømløs metode for å sammenstille mange forskjellige typer innhold, for eksempel bilder med tekst. En tabell kan også bevisst fremstå som en streng nettstruktur, med rader og kolonner atskilt med en grense. Selv om bord kan ha mange forskjellige utforminger, er de vanligvis vises i sin helhet på en webside. Hvis tabellen inneholder en lang regneark med informasjon, kan det være mer praktisk å ikke vise hele bordet samtidig. I stedet kan du opprette et rullefelt slik at bare en del av tabellen er vist på en gang. Din nettsidens besøkende kan deretter bla gjennom bordet hvis hun ønsker å se mer.

Bruksanvisning

1 Åpne HTML-fil som inneholder tabellen. Du bør åpne denne i en teksteditor, ikke en nettleser. Windows Notisblokk er akseptabelt for denne prosessen.

2 Finn HTML-koden i filen som gjør tabelldataene. Denne delen av koden vil begynne med "<table>" tag. Koden kan inneholde andre elementer, slik som "<table border = 1 bgcolor = # ffffff>", som betegner fargen på bordet bakgrunn og størrelsen på sine nett grenser.

3 Opprett en ny linje før denne tabellen kode. Du kan enkelt oppnå dette ved å plassere markøren rett før "<table>" tag og trykke "Enter" på tastaturet.

4 Legg til følgende linje med DHTML kode i linje over HTML-tabell. DHTML er en utvidelse av HTML-språket som inkluderer CSS formatering informasjon. Denne koden inneholder funksjoner som vanlig HTML-kode kan ikke. Linjen er nødvendig for å skape rullefeltet er:

I dette eksempelet erstatte "height" og "width" pikselinformasjon for å representere størrelsen på tabellen vinduet du vil ha vist på skjermen. Uansett passer ikke i denne angitte størrelsen vil bli tilgjengelig via rullefeltene automatisk. "100px" representerer 100 piksler, noe som ikke er spesielt stort. Tenk oppløsningen på dataskjermen for å anslå størrelsen av ønsket bordvinduet. For å gi deg en idé om størrelsen du trenger i denne koden, er mange dataskjermer satt til 1024 piksler bredt.

5 Lagre filen.

6 Dobbeltklikk på filen for å åpne den i en nettleser. Tabellen er presentert med rullefelt. Dersom størrelsen på tabellen vinduet ikke er som de skal, gjør justeringer i DHTML "height" og "width" parametere for å komme frem til et utseende som passer deg.