Algo curioso me pasó publicando una página que incluye varias tablas con fondos de colores. Después de varios días de haberla publicado y tras varios cambios sin percibir problema alguno, simplemente mientras la editaba la semana pasada los colores desaparecieron.

Claro, esto dentro del entorno de edición/publicación de WordPress.com, que es con quien tengo hospedado este blog. Para este caso, WordPress.com provee un editor que es con el que se trabaja en la elaboración de las páginas y entradas del blog. Este editor provee dos vistas, accesible mediante dos pestañas. Una que permite ver y trabajar el código HTML directamente (pestaña Text) y otra en la que se puede ver el código procesado («rendereado», como también le dicen), a manera de una vista «WYSIWYG» (Visual).

Cambiarse entre cada una de estas vistas, inclusive sin salvar el código, puede hacer en cualquier momento sin problema. Bueno, yo ya había notado que las etiquetas HTML <thead>, </thead>, <th> y </th> podían ser introducidas en la vista Text y así publicarse pero se perdían si se cambiaba a la otra vista. Sin embargo, yo no había notado este problema con los colores de fondo de las tablas.

En esencia e inicialmente, el problematico código de las tablas es muy parecido al siguiente:

<table border="1" width="100%">
<tbody>
<tr>
<td bgcolor="#ff0000;"></td>
<td bgcolor="#ffa500;"></td>
<td bgcolor="#ffff00;"></td>
<td bgcolor="#00ff00;"></td>
</tr>
</tbody>
</table>

que muestra la siguiente tabla

Principalmente yo había venido trabajando con el código HTML directamente pero estoy seguro que con esta página en particular me he estado cambiando entre la vista de Text y de Visual. Así fue que un día, al momento de la edición de la página, noté que los colores no se mostraban y las longitudes de las tablas se habían alterado. Cuando me cambié a la vista Text, citando el código aquí mostrado sólo veía:

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

Recordé haber leído o visto por ahí que el atributo BGCOLOR estaba obsoleto, en su lugar se estaba promoviendo el uso de estilos por lo que sospeché y supuse que algo de esto tendría que ver con el problema, así que busqué un poco y encontré el equivalente en CSS. Con lo que arreglé el problema de la desaparición de los colores de fondo en mis tablas.

<table>
<tbody>
<tr>
<td style="background-color: #ff0000;"></td>
<td style="background-color: #ffa500;"></td>
<td style="background-color: #ffff00;"></td>
<td style="background-color: #00ff00;"></td>
</tr>
</tbody>
</table>