HTML for en horisontal rulling Box

December 2

Den enkleste måten å opprette en vannrett rulling boks er å bruke en DIV element - en helt passelig blokk med innholdet på siden din. Med DIV element, kan du angi bredden og høyden av esken, plassere den på siden din og sett overløp slik at i stedet for statiske boksen rulle vertikalt, det ruller fra side til side. Men må du strukturere innholdet spesielt slik at det gir seg til å bla horisontalt.

Oppretting Box

Bestem hvor stor du trenger boksen i både bredde og høyde for å imøtekomme dine innhold; ta med i beregning høyden av den nederste rulle, da det vil fylle en liten del av bunnen av boksen. For å sette det som horisontalt rulling, vil du sette overflow-x eiendom for å rulle, mens du slår av flow-y - i utgangspunktet fortelle DIV element som vi kommer til å ignorere ethvert innhold som overskrider høyden på boksen, men følger noe innhold som overskrider bredden. Koden for en grunnleggende boks, 250 piksler høyt x 600 piksler lang, satt til side bla vil se slik ut:

<Div style = "width: 600, høyde: 250; overflow-y: hidden; overflow-x: bla;"> Innhold </ div>.

Hvis du har et stilark for websiden din, kan du gi DIV en ID og sette disse egenskapene i stilarket, snarere enn i DIV tag.

Strukturere innhold

Side rulle med tekstbasert innhold er vanskelig og uleselig; du er usannsynlig å holde mange lesere når de oppdager at de må bla 250 piksler over til å lese den første linjen. Du kan imidlertid bruke en tabell for å lage celler, designe en slags modulær siderullende layout. For eksempel, hvis du ønsket fire celler i din side rulle boksen, hver 200 piksler høy med 250 piksler bred, HTML vil se slik ut:

Styling Din Box

Du kan style din horisontalt rulling boks i CSS, på samme måte som du endret rulling attributter og indikerte størrelse. I CSS kan du velge farger, fonter og justeringer, og legge til rammer og bildebakgrunn - omtrent alt. I det følgende HTML eksempel, vil du lage en horisontal boks med en rød bakgrunn, tykk svart ramme og hvite celler kant med fem piksler plass mellom dem:

Bruker for horisontal rulling

Horisontal rulling er et designvalg som er mer estetisk, men mindre utilitaristisk - som sådan, ikke rart presentasjon og noe begrenset natur det ikke egner seg til tekst eller dokumentbaserte oppsett. Kunst og bilder, men er noen ganger lettere å presentere i en siderullende format, spesielt når du prøver å skape noe slående og uvanlig.