Tablas Compatibles

Tablas con efectos compatibles con todos los navegadores...
Como ya has podido ver, muchos de los efectos de última generación mostrados no funcionan igual, o no funcionan en absoluto con todos losnavegadores. ¿Qué hacer entonces para conseguir tablas cuyas líneas de bordes se vean siempre bien? Pues la única solución es usar una tabla sin bordes. Sí, ya sé que lo que buscas no es eso, pero siutilizando atributos de tabla para poner líneas de bordes donde queramos hay problemas con algunos navegadores, la solución es utilizar otros recursos del HTML que sean admitidos por todos. No esninguna solución mágica: solamente tienes que crear un gráfico con un punto (preferiblemente cuadrado) del color y grosor que quieras dar a tus líneas... y listo.
Supongamos que queremos conseguir conuna tabla representar un recuadro con bordes rojos. Para ello, utilizando cualquier editor de gráficos creamos un fichero que contenga un punto de color rojo. Solamente uno, será casi invisible. Nonecesitamos más. Le llamaremos rojo.gif
| | |
| Ejemplo de recuadro con ángulos rectos. | |
| | |
Y este sería del código necesario:
<table width="300" height="50"
cellspacing="0"cellpadding="0" border="0" bgcolor="#6a7da5" align="center">
<tr>
<td rowspan="3" width="1" height="50">
<img src="rojo.gif" width="1px" height="50" border="0"alt=""></td>
<td colspan="4" height="1">
<img src="rojo.gif" width="300" height="1" border="0" alt=""></td>
<td rowspan="3" width="1">
<img src="rojo.gif" width="1px"height="50" border="0" alt=""></td>
</tr>
<tr>
<td colspan="4" align="center" height="48">
<font color="white"><b>Ejemplo de recuadro con ángulosrectos.</b></font></td>
</tr>
<tr>
<td colspan="4" height="1">
<img src="rojo.gif" width="300" height="1" border="0" alt=""></td>
</tr>
</table>...