La conoscenza di CSS (Cascading Style Sheets) dà il web designer quasi potere magico sopra il formato del contenuto della pagina Web. Un designer specializzati in CSS può anche fare testo e altri contenuti sembrano scomparire.

La DIV proprietà CSS (divisione pagina Web), consente di suddividere i contenuti in blocchi discreti. Ogni blocco può quindi essere formattato e stile. La progettazione di una pagina Web detta spesso che blocchi di contenuto inseriscono nelle fessure predeterminati di altezza e larghezza specifica. A volte, la quantità di contenuto in un blocco superiore allo spazio assegnato ad esso. Quando questo accade, il contenuto eccesso "run over" e coprire contenuto sotto esso. La pagina Web visitatore vedrà un pasticcio confuso con contenuti che copre altri contenuti. La proprietà "troppo pieno" CSS fornisce un modo per evitare che ciò accada.

istruzione

1 Aprire l'applicazione di editing HTML. Caricare la pagina Web che contiene il DIV che si desidera modificare. Se si utilizza un WYSIWYG (ciò che vedi è quello che ottieni) editore, passare alla modalità HTML o di origine in modo che si può vedere e modificare il codice HTML.

2 Selezionare il DIV si desidera applicare la proprietà "troppo pieno" a. L'altezza del div deve essere fissato a una determinata altezza mediante proprietà CSS, "altezza". Per esempio, se si desidera che il DIV ad essere alta 200 pixel, aggiungere questo stile CSS: "<DIV style =" height: 200px ">".

3 Aggiungere il seguente valore per la proprietà di stile DIV: "overflow: hidden;". Il CSS DIV proprietà "troppo pieno" permette di controllare la quantità di contenuti visualizzati ed evitare contenuti La proprietà "troppo pieno" ha diversi valori per il progettista di scegliere tra "investito".: Visibile, nascosto, di scorrimento, auto e ereditare. Il valore della proprietà "troppo pieno" tagli "nascosti" disattivare la visualizzazione di contenuti all'altezza DIV predeterminata. Per esempio se il DIV ha una larghezza di 400 pixel e un'altezza di 200 pixel tua DIV potrebbe essere: "<DIV style =" width: 400px; height: 200px; overflow: hidden ">".

4 Salvare il file. Prova il tuo disegno. Aprire il browser Web e caricare la pagina Web hai lavorato. Qualsiasi contenuto che non rientra nel limite di 200-pixel impostato verrà tagliata o nascosto alla vista. Il contenuto over-che scorre è ancora lì, ma la pagina Web visitatore non lo vedrà. Regolare l'altezza del div fino a quando è possibile visualizzare la maggior quantità di contenuti nello spazio il vostro disegno pagina consente.

Consigli e avvertenze

• Un'altra proprietà di "troppo pieno", aggiunge barre di scorrimento per il vostro DIV. L'aggiunta di "overflow: scroll" al tuo DIV contenuti permette al visitatore di utilizzare le barre di scorrimento per vedere tutto il contenuto.