Brian RivT :: DISEÑO WEB :: CODIGOS HTML

Tabla con las esquinas redondeadas

Autor

Mensaje

Admin
Admin

Cantidad de envíos : 99
Edad : 39
Fecha de inscripción : 07/02/2008

Tabla con las esquinas redondeadas Empty

, que se utiliza para cerrar la tabla. Si no es así puede que nuestro ejemplo quede descuadrado.

El tamaño de la tabla en anchura se puede definir perfectamente en el atributo width de la etiqueta

Tema: Tabla con las esquinas redondeadas Lun 18 Feb - 22:58

Creación de la tabla Vamos a ver el código HTML necesario para crear este ejemplo. Hemos de tener en cuenta que el código se podría haber creado de varias maneras, aunque nosotros presentamos la que consideramos más versátil. Hemos construido la tabla con las correspondientes etiquetas de tablas de HTML. Como consideración cabe señalar que las etiquetas de las imágenes que se colocan dentro de las celdas tienen que estar pegadas a la etiqueta

. La altura será la suficiente para que quepan todos los contenidos de la tabla.

Este es el código en cuestión:

Código:: <TABLE WIDTH=300 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/tablita_01.gif" WIDTH=6 HEIGHT=6></TD>
<TD background="images/tablita_02.gif">
<IMG SRC="espacio.gif" WIDTH=1 HEIGHT=6></TD>
<TD>
<IMG SRC="images/tablita_03.gif" WIDTH=6 HEIGHT=6></TD>
</TR>
<TR>
<TD background="images/tablita_04.gif">
<IMG SRC="espacio.gif" WIDTH=6 HEIGHT=1></TD>
<TD bgcolor=E8E8E8 valign=top>
Cuerpo esto es el Cuerpo esto es el Cuerpo esto es el Cuerpo...
</TD>
<TD background="images/tablita_06.gif">
<IMG SRC="espacio.gif" WIDTH=6 HEIGHT=1></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/tablita_07.gif" WIDTH=6 HEIGHT=6></TD>
<TD align=center background="images/tablita_08.gif">
<IMG SRC="espacio.gif" WIDTH=1 HEIGHT=6></TD>
<TD>
<IMG SRC="images/tablita_09.gif" WIDTH=6 HEIGHT=6></TD>
</TR>
</TABLE>

Tabla con las esquinas redondeadas

Página 1 de 1.

Permisos de este foro:

No puedes responder a temas en este foro.

Brian RivT :: DISEÑO WEB :: CODIGOS HTML

Cambiar a: