logotipo

Ahora vamos a ve el código html, que hace falta para crear esta tabla con esquinas redondeadas. Probablemente con otro código html más simple también se podría construir, pero prefiero añadirle un pequeño exceso de atributos y etiquetas que servirá para estar seguros de que se puede visualizar correctamente en todos los navegadores.
 

La tabla que utilizamos contiene varias celdas dispuestas en tres filas y tres columnas. En las celdas de las esquinas es donde colocamos las imágenes que hacen que los bordes aparezcan redondeados. En el resto de celdas de la tabla que forman el borde, para asegurarnos de que tienen el tamaño correcto, colocamos imágenes de un píxel transparente con sus correspondientes atributos de anchura y altura modificados a lo que necesitamos. En la celda del centro es donde colocamos el cuerpo de la tabla, con todo el texto que queremos que vaya dentro, sus imágenes, etc.
 

Si alguno desea utilizar este código para crear sus propias tablas únicamente debería modificar estos datos:

• Texto del cuerpo de la tabla.

• En caso de que se desee modificar el ancho de la tabla

•  Tamaño de la tabla. Atributo width de la etiqueta <table>

•  Tamaño de los píxeles transparentes, en la primera y última fila. Atributo width de las etiquetas <img> de los pixels transparentes.

Los anchos de los pixels transparentes (en la primera y última fila de la tabla) tienen que ser el ancho de la tabla menos el ancho de las dos imágenes que aparecen en las esquinas. En nuestro código, como el ancho de la tabla es de 300 píxel y el ancho de las dos imágenes de los bordes es de 11 píxel, el ancho de la imagen de píxel transparente será 300 - 11 x 2 = 300 - 22 = 278

VALORAR UNA WEB 

PROTEGER CODIGO FUENTE DE UNA WEB 

DESHABILITAR BARRA DE IMAGENES DE INTERNET EXPLORER 

BARRAS DE NAVEGACION HTML

FRAMES SIN BORDES

GESTION DE MAPAS