Tablas Dentro de Una Tabla – Tablas Anidadas

Tablas Anidadas – Tablas Alineadas Horizontalmente:

Uno no puede hacer varias tablas seguidas en una misma línea solo se pueden hacer tablas una abajo de la otra.

Si tu quieres hacer varias tablas seguidas en una misma línea tendrás que hacer tablas dentro de una tabla que son las tablas anidadas.

Hice una tabla con 2 filas y 5 columnas con un padding de celda de 2. Cada columna tiene diferente color de fondo. En la primera fila escribí el texto de los encabezados . En la segunda fila hice una tabla en porcentaje de 100% de ancho y 100% de alto y un padding de celda de 3.  El espacio blanco entre las tablas es una columna de 3 pixeles de ancho.

Servicios web		Productos Web		Recursos Web
Diseño web profesional y económico, desarrollo web y promoción.		Productos Web Interactivos – Encuestas, Libro Visitas, Ayuda en Vivo.		Gratís Recursos Web – articulos, tutoriales, tips y trucos y videos .

Cortar y Pegar

<table width=”368″ border=”0″ cellspacing=”0″ cellpadding=”2″ align=”center” height=”100″> <tr valign=”middle”> <td bgcolor=”#000066″ width=”120″ height=”20″> <div align=”center”><span lang=”es-mx”><b><br /> <font face=”Verdana, Arial, Helvetica, sans-serif” size=”2″ color=”#FFFFFF”><br /> Servicios Web</font></b></span> </div> </td> <td width=”4″ height=”20″></td> <td bgcolor=”#990000″ width=”120″ height=”20″> <div align=”center”><span lang=”es-mx”><b><br /> <font face=”Verdana, Arial, Helvetica, sans-serif” size=”2″ color=”#FFFFFF”><br /> Productos Web</font></b></span></div> </td> <td width=”4″ height=”20″></td> <td bgcolor=”#008000″ width=”120″ height=”20″> <div align=”center”><span lang=”es-mx”><b><br /> <font face=”Verdana, Arial, Helvetica, sans-serif” size=”2″ color=”#FFFFFF”><br /> Recursos Web</font></b></span> </div> </td> </tr> <tr valign=”top”> <td bgcolor=”#000066″ width=”120″> <table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”3″ height=”80″> <tr bgcolor=”#FFFFFF” valign=”top”> <td> <p><span lang=”es-mx”><br /> <font face=”Verdana, Arial, Helvetica, sans-serif” size=”1″><br /> Diseño web profesional y económico, desarrollo web y<br /> promoción</font></span><font face=”Verdana, Arial, Helvetica, sans-serif” size=”1″>. </font></p> </td> </tr> </table> </td> <td width=”4″></td> <td bgcolor=”#990000″ width=”120″> <table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”3″ height=”80″> <tr bgcolor=”#FFFFFF” valign=”top”> <td> <p> <font face=”Verdana, Arial, Helvetica, sans-serif” size=”1″><br /> <span lang=”es-mx”>Productos Web Interactivo</span>s -<br /> <span lang=”es-mx”>Encuestas</span>, <span lang=”es-mx”><br /> Libro Visitas, Ayuda en Vivo.</span></font></p> </td> </tr> </table> </td> <td width=”4″></td> <td bgcolor=”#008000″ width=”120″> <table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”3″ height=”80″> <tr bgcolor=”#FFFFFF” valign=”top”> <td> <p><span lang=”es-mx”><br /> <font face=”Verdana, Arial, Helvetica, sans-serif” size=”1″><br /> Gratís <br><br /> Recursos Web</font></span><font face=”Verdana, Arial, Helvetica, sans-serif” size=”1″><br /> - arti<span lang=”es-mx”>culo</span>s, tutorial<span lang=”es-mx”>e</span>s,<br /> tips <span lang=”es-mx”>y trucos.</span></font></p> </td> </tr> </table> </td> </tr> </table>

Si eres nuevo aquí, puedes registrarte a mi RSS. ¡Gracias!

Artículos Relacionadas:

1. Diseño Página Web Para Todas las Resoluciones