August 23
Introduzione di una casella di scorrimento nel codice HTML consente di inserire il contenuto nella pagina Web pur conservando il design della vostra pagina. Indipendentemente da quanto il testo si inserisce in una casella di scorrimento, è possibile determinare la quantità di questo testo sarà visibile apparirà in una sola volta nella pagina. Un altro modo che è possibile conservare il disegno sulla tua pagina web è quello di allineare la casella di scorrimento al centro della pagina, se questo è dove si desiderio di averlo.
1 Accedi al tuo web server e aprire la pagina HTML che includerà la casella di scorrimento centrato.
2 Inserire il codice CSS in tra i tag <head> e </ head> tag nella parte superiore della pagina:
<Style type = "text / css">
ul {
margin-top: 0px;
margin-bottom: 0px;
font-size: 80%;
font-weight: normal;
margin-left: 20px;
padding-left: 20px;
line-height: 1.3em;
}
.scrollArea {
width: 275px;
altezza: 100px;
padding-left: 5px;
padding-right: 5px;
border-color: # 6699CC;
border-width: 1px;
border-style: solido;
float: left;
overflow: auto;
}
</ Style>
3 Sostituire le impostazioni di "width" "altezza" e se lo si desidera.
4 Clicca sulla sezione della pagina in cui si desidera inserire la casella di scorrimento. Questo sarà da qualche parte tra il <body> e </ body> tag.
5 Inserisci questo codice:
<Table width = 480 border = 0 align = center summary = "">
<Tr>
<Td> <span class = "ScrollArea">
Testo va qui.
</ Span>
</ Td >>
</ Tr>
</ Table>
6 Sostituire "Testo goes here" con il testo vero e proprio che si desidera visualizzare nella casella di scorrimento.
7 Sostituire la dimensione "larghezza della tabella" se lo si desidera.
8 Pubblicare la pagina.