Hvordan Sett Rulle bokser på en side
Vi trenger bla bokser fordi skjermer har begrensninger. Hvis det er 20 inches av innhold som er tilgjengelig, men skjermen er bare 12 inches høy, er du nødt til å rulle for å se hele innholdet. Du kan vise en rulleboksen hver gang du åpner en nettleser for å besøke et nettsted på Internett eller å endre et dokument i de fleste programvare. Det finnes også situasjoner der du trenger for å sette en mindre rulleboksen full av informasjon på en nettside, og du kan gjøre det med enkle HTML-kode.
Bruksanvisning
1 Åpne HTML-fil på siden du legger rullefeltet til og gå til "kroppen" delen (mellom <body> tags). Velg området der du ønsker å legge rulleboksen til siden din.
2 Skriv inn en <div> tag. Dette vil tillate deg å lage et spesielt område i din webside for rulleboksen. Skriv inn følgende kode: <div style = "overflow: auto; width: 452px; height: 476px">.
3 Endre "width" og "høyde" tall til ønsket størrelse for rulleboksen.
4 Type "bla" i stedet for "auto" hvis du vil ha et rullefelt for å vise på siden av rulleboksen uansett hva. Når du skriver "auto" rullefeltet vises bare hvis det er nødvendig for å se hele innholdet i boksen.
5 Legg "align" som et attributt i <div> tag hvis du ønsker å endre hvordan informasjonen innsiden av rulleboksen vil bli justert. Skriv inn "align = høyre," eller "align = center" (ingen sitater). For en riktig justering, vil den endelige koden leses som <div style = "overflow: auto; width: 452px; height: 476px" align = høyre>. Standard justering er til venstre, så hvis du er fint med tekst og bilder i kø til venstre for boksen, la dette trinnet ut.
6 Legg til "position: absolute; left: 108px" til <div style> tag fra det andre trinnet hvis du ønsker å plassere hele rulleboksen videre over på siden. Hvis du velger dette alternativet, vil den endelige koden leses som <div style = "overflow: auto; width: 452px; height: 476px; position: absolute; left: 108px">. Bytt ut "108" etter "venstre" attributt til uansett hvor mange piksler på tvers av siden du ønsker å flytte boksen; jo høyere dette tallet, videre over siden boksen vil flytte.
7 Skriv inn teksten som vanlig eller legge til bilder til rulleboksen (for eksempel <img src = yourpicturehere.jpg>) akkurat som du ville skrive HTML-kode i standarddelen av filen.
8 Lukk <div> tag med "</ div>" (uten anførselstegn).
9 Test oppdatert nettside i nettleseren din for å se om rulleboksen er plassert til din smak.