I tavoli erano un vecchio metodo di progettazione di siti web grafica e layout. Le tabelle sono vecchia tecnologia che rende difficile per formattare un sito web. i tag CSS div hanno sostituito le tabelle come standard per il web design. Conversione tabelle per i tag CSS div crea un pulitore, più facile la progettazione per gli sviluppatori web e programmatori.

istruzione

1 Valutare la tabella che deve essere sostituito. Ogni tabella, gli elementi di riga, colonna e deve essere sostituito con i tag div. Quanto segue è un esempio di un layout di tabella:
<Table width = "550">

<tr>
<td width="60%">My Section 1</td>
<td width="40%">My Section 2</td>
</tr>

</ Table>

2 Sostituire il tag "<table>" con un div. La tabella originale ha una larghezza di 550 pixel. Il tag div ha anche bisogno di essere 550 pixel. Di seguito è riportato il codice per creare un div che corrisponde la stessa larghezza della tabella originale:
<Div style = "width: 600px;">
</ Div>

3 Sostituire il tag "<tr>". Questo tag indica una riga della tabella. Non ci sono attributi sulla riga della tabella originale, quindi un semplice tag con immobili viene utilizzato.
<Div style = "width: 600px;">
<Div> </ div>
</ Div>

4 Sostituire i tag di cella tabella noti come "<td>" nella tabella elemento. Nella tabella originale, la prima colonna è il 60% della larghezza del tavolo e la seconda colonna è il 40% della larghezza della tabella. Di seguito viene illustrato come creare colonne che sono la stessa larghezza della tabella originale.
<Div style = "width: 600px;">
<Div>

<div style="float: left; width: 60%;">My Section 1</div>
<div style="float: left; width: 40%;">My Section 2</div>

</ Div>
</ Div>