Come visualizzare le caselle fianco a fianco in HTML

May 13

Quando si inseriscono le caselle di testo nella pagina HTML, si potrebbe scoprire che ha più senso per posizionare le caselle di testo sul lato pagina a fianco, piuttosto che uno in alto e uno in basso. Quando si visualizza lato caselle di testo a fianco, si è in grado di consentire a un utente di leggere il contenuto della pagina senza la necessità di scorrere in basso nella pagina per vederlo.

istruzione

1 Accedi al tuo server Web e individuare la pagina HTML in cui si desidera visualizzare lato box a fianco.

2 Fare clic sulla posizione della pagina HTML in cui si desidera visualizzare le scatole. La posizione in cui si visualizzano le scatole devono essere da qualche parte tra il <body> e </ body>.

3 Inserire il seguente codice HTML:

<Table> <tr> <td valign = "top"> <div style = "border: 1px solid; overflow: auto; width: 200; altezza: 100;"> Il testo va qui </ div> </ td> < td valign = "top"> <div style = "border: 1px solid; overflow: auto; width: 200; altezza: 100;"> Il testo va qui </ div> </ td> </ tr> </ table>

4 Sostituire entrambi i casi di "testo va qui" con l'effettivo contenuto che si desidera visualizzare nelle caselle. Cambiare i numeri altezza e larghezza per aumentare o diminuire la dimensione delle scatole.

5 Pubblicare la pagina.