Al crear una tabla en WordPress muchas veces los parámetros habituales utilizados en las tablas no funcionan bien.
Esto es debida las reglas CSS definidas en la plantilla del Theme, por ejemplo la típica instrucción valign=top para alinear el texto a la parte superior no suele funcionar.
Para poder personalizar el comportamiento de los elementos de una tabla es necesario usar la instrucción style de esta forma:
Por ejemplo:
- En vez de <td align=”left”> poner: <td style=”text-align:left“>
- En vez de <td align=”left”> poner: <td style=”text-align:center”>
- En vez de <td align=”left”> poner: <td style=”text-align:justify“>
- En vez de <td valign=”top”> poner: <td style=”vertical-align: top”>
- En vez de <td valign=”middle”> poner: <td style=”vertical-align: middle”>
Otros ejemplos de style:
Otros parámetros:
CSS:
border-width: 1px;
border-spacing: 2px;
border-style: outset;
border-color: gray;
border-collapse: collapse;
background-color: white;
// Grosor de fuente
font-weight: normal
font-weight: bold
font-weight: 900
border-spacing: 2px;
border-style: outset;
border-color: gray;
border-collapse: collapse;
background-color: white;
// Grosor de fuente
font-weight: normal
font-weight: bold
font-weight: 900
No solamente en tablas es aplicable el parámetro Style, en algunas ocasiones comprobaremos que al incluir una imagen o foto en una Entrada esta aparece con el borde sólido incluso si especificamos el parámetro border=”0″.
Para eliminar el borde podemos utilizar lo siguiente:
HTML:
<img style=“border-width: 0px;” src=“http://…/foto.jpg” alt=“” />
