miércoles, 11 de agosto de 2010

Cellpadding y cellspacing en CSS

Como casi todos los días, hoy me está tocando quitar estilos inline de una maqueta en HTML y pasarlos a una hoja de estilos. Manías que tiene uno, ya veis... Y hoy, otra vez más, me he encontrado un elemento table con unos maravillosos atributos cellpadding y cellspacing, que no son propiedades de CSS. ¿Y cómo se soluciona esto? Pues aquí va la receta que he utilizado, y que me he permitido el lujo de copiar de este post y de este otro.

Cellspacing

Utiliza la propiedad CSS border-spacing

table{
   border-spacing:10px;
}


Cellpadding

Aplica la propiedad padding al td de la tabla en cuestión

table td{
  padding:10px;
}


Fácil, ¿verdad? Pues una excusa menos para utilizar atributos de estilos en vuestro código HTML.
Si el gobernante se impone por sus cualidades y mantiene el orden en armonía con las buenas costumbres, el pueblo sentirá vergüenza de actuar mal y avanzará por el camino de la virtud. -- Confucio

1 comentario: