Nwlapcug.com


Come visualizzare caselle di fianco a fianco in HTML

Durante l'inserimento di caselle di testo in una pagina HTML, potete trovare che ha più senso per inserire caselle di testo nella pagina fianco a fianco piuttosto che uno sulla parte superiore e uno sul fondo. Quando si visualizzano le caselle di testo affiancate, siete in grado di consentire a un utente di leggere contenuti nella pagina senza dover scorrere verso il basso nella pagina per la visualizzazione.

Istruzioni

1

Accedere al server Web e individuare la pagina HTML in cui si desidera visualizzare le finestre di fianco a fianco.

2

Fare clic sulla posizione della pagina HTML in cui si desidera visualizzare le finestre. La posizione in cui si visualizzare le caselle dovrà essere da qualche parte tra il < body > e < / body > Tag.

3

Inserire il seguente codice HTML:

< tabella >< tr >< td valign = "top" >< div style = "border: 1px solid; overflow: auto; Larghezza: 200; Altezza: 100;" > testo va qui < / div >< /td >< td valign = "top" >< div style = "border: 1px solid; overflow: auto; Larghezza: 200; Altezza: 100;" > testo va qui < / div >< /td >< /tr >< / tabella >

4

Sostituire entrambe le istanze di "Testo va qui" con il contenuto effettivo che si desidera visualizzare nelle caselle. Modificare i numeri di altezza e larghezza per aumentare o diminuire la dimensione delle caselle.

5

Pubblicare la pagina.