HTML.itHTML.it


 Annidare tabelle


È anche possibile annidare le tabelle le une dentro le altre. Come in questo esempio:

<table width="430" border="1">
   <tr>
        <td width="50%">&nbsp;</td>
        <td width="50%">&nbsp;</td>
   </tr>
    <tr>
        <td height="24">&nbsp;</td>
        <td><table width="100%" border="1">
                 <tr>
                      <td>&nbsp;</td>
                       <td>&nbsp;</td>
                        <td>&nbsp;</td>
                  </tr>

                  <tr>
                       <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                  </tr>

        </table>
</td>
   </tr>
</table>

che dà come risultato:

   
 
     
     

Per evitare che compaiano nel layout degli spazi indesiderati è consigliabile aprire e chiudere la tabella a ridosso del tag della cella che la contiene.

    Torna a inizio pagina