Tutorial inserción tablas en artículos  

Hola felipe,

Hemos tratado ya varias veces este tema en el Foro. Para empezar puedes experimentar con Kotatsu de forma online. Añades cuantas filas y columnas necesites y le das a generar código y ya tienes el esqueleto.

- http://www.askthecssguy.com/kotatsu/index.html

Eso mismo lo puedes hacer también con el editor JCE de Joomla! sin problemas, el inconveniente (para mi gusto) es que le mete mucha porquería de por medio que lo único que hace es condicionar el buen funcionamiento de la tabla, motivo por el que considero que manejar HTML a nivel básico/medio es importante y nunca es tarde para aprenderlo 🙂

Otro generador online más completo, que además te permite especificar colores, alineaciones, fuentes y fondos es el siguiente generador.

- http://www.entraenlared.com/recursos_promocion_web/creacion_tabla.asp

El inconveniente de este servicio es que está mitad en español y mitad en inglés, por lo tanto la traducción de los campos a completar. Nota: no todos los campos son obligatorios.

Rows: cantidad de filas, por ej.: 4
Columns: cantidad de columnas, por ej.: 3
Table Width: el ancho de la tabla que puede ser en pixeles (p.e.: 800 px) o en porcentaje de la pantalla (p.e.: 75%)
Border: el borde de la tabla. 0 (cero) si no quieres que se muestren los bordes, ó 1; 2; 3; etc. a mayor número mayor será el borde.
Alignment: puede ser none (ninguno), left (izquierda), right (derecha) o center (centro).
Cellspacing: es el espacio entre las celdas de la tabla. 0 (cero) para ninguno ó 1;2;3; etc.
Cell Padding: es el el espacio que existe entre el texto dentro de la celda y el borde de la misma. 0 (cero) para ninguno ó 1;2;3; etc.
Table Background Color: es el color de fondo de la tabla. Si no se especifica el mismo será transparente.
Row Background Color: es el color de fondo de las celdas. Si no se especifica será transparente.
Font Face: el tipo de letra.
Font Color: el color de la letra.

Todos los valores referidos a atributos de colores deben ir precedidos por el signo # como por ej.: #FFFF27 cuyo número está expresa en sistema numérico hexadecimal de 6 (seis) dígitos.

Una vez completados estos datos hacer click en el botón “Generar Tabla” y se abrirá una nueva venta con la vista de la tabla que hemos creado y debajo el código HTML de la misma para copiar y pegar.

Saludos

Excelente información, me será muy útil.

Gracias, Gnumax, y buen fin de semana 🙂