viernes, 26 de septiembre de 2008

Esas mentadas tablas en los blogs ahhh!!!

Bueno el fin de este post no es explicarles como hacer una tabla ya que hay muchas pagina que lo explican,el fin de este post nacio con el anterior cuando quise insertar una tabla en una entrada (nunca antes habia ocupado insertar una) y cual va siendo mi sorpresa que me dejaba un enorme espacio en blanco en la parte superior de la tabla y hasta al final del post mi tabla $#&%#""%/%#%& <- Intraducible :P, esto por supuesto es muy incomodo y de ninguna manera podia quedar asi (Como pueden ver en el post anterior mi tabla esta ahi sin espacio extra alguno :P ) y me puse a investigar un poquito, despues de pasar varios blogs con debates sobre que por eso es mejor usar tags divs y estilos css que tablas, etc, etc me encotre en en un blog la solucion y luego confirme y complemente la informacion del primero con otros mas, el caso entonces pintado de manera general es el siguiente:


Pues el mecanismo de blogger hace que se lean cada uno de los saltos de linea que hacemos, pero al estar estos saltos de linea dentro de una etiqueta table no se pueden poner ahi entonces blogger suma todos esos saltos de linea que conforman el cuerpo de la tabla y nos los pone en la parte superior de la tabla.

Pues bien ese es el problema y el por que blogger se comporta de esa manera con las tablas, ahora bien la solucion logicamente es quitar todos esos saltos de linea para que toda nuestra sentencia quede en una sola, es decir en ves de tener:

<table border=1>
<td>Columna 1</td>
<td>Columna 2</td>
<td>Columa 3</td>
</table>

Debemos de juntar todo en una sola linea asi:
<table border=1><td>Columna 1</td><td>Columna 2</td><td>Columa 3</td></table>

Y de esta manera podremos ya no tendremos el problema de los espacios al momento de poner una tabla en nuestro blog. Ahora bien esto de quitar los saltos de linea resulto facil por que era una tabla pequeña, pero que pasa cuando la tabla que deseamos colocar es demasiado grande? pues sinceramente este es un trabajo agotador, es decir estar quitando todos los saltos de linea para dejar toda nuestra tabla en una sola linea es un trabajo sumamente laborioso y tardado, pues bien aqui les va el truco 2: Existe un exelente programa (la vdd dudo que alguien no lo tenga :P) que se llama Notepad ++ y que nos puede ayudar en esta tarea.


como???

Pues muy facil, simplemente habrimos un nuevo documento en el notepad, pegamos el codigo de nuestra tabla.

Despues nos vamos en nuestro menu a donde dice TextFX -> TextFX Edit -> Unwrap Text

Y de esta manera nuestro codigo completo, quedara unido de tal forma que solo sea una linea de codigo.

Lo que sigue esta claro no?, copias este nuevo codigo y lo pones en el editor del blog en donde quieras que aparezca la tabla.

El truco es pequeño pero nos ahorra mucho tiempo si es que no la union de codigo la haciamos manual, en fin espero que sea de utilidad.