Disponible en descarga gratuita Cuadernos de Viaje - Oriente Próximo, el libro con nuestras aventuras en Jordania, Siria e Israel.

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.

16 comentarios:

Masmi dijo...

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

Di dijo...

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!

conxa dijo...

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.

JAAC dijo...

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

JAAC dijo...

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 :-)

BIRA dijo...

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.

JAAC dijo...

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

tecnoadmin dijo...

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

JAAC dijo...

Gracias por la aportación tecnoadmin.

Pilar G. dijo...

Yo tengo un problema con una parte de mi blog que tiene que ver con una tabla que cree, no se si pudieras ayudarme:

En la columna de la derechar de mi blog http://vengareasadaharu28.blogspot.com.es/ tengo un gadget html en el que cree una tabla y en el que dentro añadí una serie de imágenes de pequeño tamaño, algo más de 50x50, las añadí en una tabla porque fue la única forma en la que conseguí que las imágenes se colocaran en posición vertical unas detrás de otras. El problema está en que me deja unos espacios en blanco grandísimos entre filas de imágenes horizontales y mucho espacio también entre imágenes verticales. ¿Hay alguna solución para reducir al máximo esos espacios?

Quería dejarte el html que tengo puesto dentro del gadget pero no me deja insertarlo en este comentario.

JAAC dijo...

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.

风骚达哥 dijo...

20151127 junda
michael kors outlet
louis vuitton outlet
michael kors handbags
toms wedges
toms outlet
nike roshe run women
nike shoes
michael kors
ed hardy outlet
coach factory outlet
adidas gazelle
rolex replica watches
uggs outlet
michael kors outlet online
michael kors
chaussure louboutin
oakley sunglasses
true religion outlet
coach factory outlet
nike outlet
canada gooses
louis vuitton outlet
louis vuitton outlet
christian louboutin uk
nike trainers
fake oakley sunglasses
adidas trainers
hollisters
longchamp handbags
true religion outlet
coach factory outlet
kate spade
ghd hair straighteners
michael kors outlet
cheap uggs
michael kors outlet online
coach outlet
coach outlet
juicy couture
michael kors outlet

LCc 03 dijo...

cheap basketball shoes
kobe shoes
michael jordan shoes
adidas ultra boost
nike huarache
nike air huarache
fitflops sale clearance
yeezy shoes
adidas neo online shop
cheap jordan shoes

chenmeinv0 dijo...

ralph lauren polo
ray ban clubmaster
montblanc pen
north face outlet
mac cosmetics makeup
adidas outlet
ray ban wayfarer
pony sneakers
ray ban sunglasses
ecco shoes outlet
hzx20170310

LCc 03 dijo...

adidas ultra boost
falcons jersey
nmd
authentic jordans
longchamp outlet
lacoste online shop
michael kors outlet
nike football boots
cheap jordans
air jordan shoes

kkk dijo...

pandora outlet
sac longchamp pas cher
pandora jewelry
birkenstocks
giuseppe zanotti sneakers
christian louboutin sale
coach outlet
mulberry bags
nike air max
michael kors outlet online
LAN2017726