miércoles, 1 de octubre de 2008

Tablas en blogger

La semana pasada publiqué un par de entradas en las que puse tablas de HTML (globalización y calorías quemadas). Escribir una tabla en html es muy sencillo, hay cientos de manuales en los que se puede ver cómo.

<table>
<tr>
<td>Celda</td>
<td>Celda</td>
</tr>
<tr>
<td>Celda</td>
<td>Celda</td>
</tr>
</table>


El problema al poner este código en la pestaña de Edición de HTML de blogger es que a pesar de que el editor es capaz de traducirlo a la tabla que se quiere mostrar, el caso es que todos los saltos de línea que se escriben entre las etiquetas <table>, <tr> y <td> se pintan delante de la tabla en cuestión.

No sé si ha quedado muy claro, pero el caso es que las tablas hay que escribirlas así en blogger (Sin el salto de línea intermedio, pero es que si no lo pongo no se ve bien en la entrada):


<table><tr><td>Celda</td><td>Celda</td></tr>
<tr><td>Celda</td><td>Celda</td></tr></table>


También un enlace útil para poner código HTML en una entrada de bloger sin que se interprete. Se escribe el código en esta página y se pega en bloger el resultado de la conversión.

12 comentarios:

  1. Ese último enlace me va a ser de gran utilidad.

    ResponderEliminar
  2. Uff a mi se me nubla la vista con los signos y letras sueltas! justo me va modificar la plantilla, así que me declaro incapaz de hacer una tabla, pero se agradece la explicación. Saludos!

    ResponderEliminar
  3. amigo mío,perdoname, pero chino, me ha sonado a chino o a berebere.

    Voy a tener que concentrarme un poco que me estoy quedadndo como dicen mis hijos, prehistórica.

    ResponderEliminar
  4. Masmi, te ayudará... pero estoy seguro de que serías capaz de hacerlo sin ayuda :-)

    ResponderEliminar
  5. Di y Conxa, hoy tocaba algo más "técnico" pero no es demasiado complicado. Antes de que me dé cuenta estoy seguro de que empezaré a ver tablas en vuestras entradas :-)

    ResponderEliminar
  6. Como Di, agradezco tu esfuerzo, pero no entiendo ni una palabra. A mí esto del html me suena a chino mandarín.




    Nota aclaratoria: no tengo ni puta idea de chino mandarín.

    ResponderEliminar
  7. Te digo Bira, lo mismo que a Conxa y a Di, cualquier día veré tablas en tu blog.

    ResponderEliminar
  8. He creado un pequeño script para automatizar la tarea, podéis ver como funciona y el enlace en:
    http://tecnoloxiaxa.blogspot.com/2009/01/espacios-y-saltos-de-lnea-en-las-tablas.html

    espero os sea útil

    ResponderEliminar
  9. Gracias por la aportación tecnoadmin.

    ResponderEliminar
  10. Hola Pilar, bienvenida!
    Perdona la tardanza en responder, estuvimos ocupados :-)
    La entrada tiene ya tres años, pero por lo que comentas del problema parece que sigue existiendo. La idea es poner todo el código HMTL en una única línea porque el Blogger, al pintar la tabla, pinta también los espacios creando esos huecos.

    ResponderEliminar