¡¡ Nuevo Webmasters Deluxe !!

Ahora Webmasters Deluxe ha cambiado de lugar. Puedes encontrarnos en www.webmastersdeluxe.com con más contenido, más funciones y más social.

A+ | a-

martes, 14 de abril de 2009

Dividir un Post en columnas

Si alguna vez te encontraste con la necesidad de dividir un articulo en columnas, es probable que no encontraras una solución eficaz al problema. La verdad es que la solución es muy simple de aplicar, y los efectos son los deseados en cualquier plataforma, tanto Blogger como Wordpress y otras; solo necesitas un poco de HTML. Con el siguiente código HTML insertado en el artículo que quieras dividir en columnas, podrás mostrar la información de una forma mucho más organizada.

<div style="float: left; WIDTH: 45%">Este es el Texto de la Columna de la Izquierda</div> <div style="float: right; WIDTH: 45%">Este es el Texto de la Columna de la Derecha</div> 
<divstyle="clear: both"></div> 

Y este sería el efecto conseguido despues de aplicar el código:


Este es el Texto de la Columna de la Izquierda
Este es el Texto de la Columna de la Derecha




Como se puede apreciar en el código HTML, cada columna se preformatea con un ancho del 45% del total del ancho del artículo. Obviamente este valor se puede ajustar por separado para cada columna. Además se pueden insertar otros elementos además de texto, como ocurriria sin el texto formateado en columnas.
Sin duda una buena solución fácil de implementar para aquellos artículos largos que necesiten de un texto bien organizado. 

3 comentarios:

  1. Muy bueno y muy practico, la clase de informacion que me interesa, me lo apunto....un saludo

    ResponderEliminar
  2. Saludos. Me ha sido muy útil la información, que he aplicado en mi blog.

    Aprovecho para avisar de un pequeño error que puede causar problemas a quienes hacen corta-pega. En la última etiqueta del código de ejemplo, se os ha juntado el div con su atributo, donde dice divstyle debería decir div style

    ResponderEliminar
  3. Gracias!!

    Me sirvio mucho para mi blog

    ResponderEliminar

Normas de publicación:
- El comentario debe de tener relación con la entrada
- Los comentarios anónimos están permitidos, pero serán moderados
- Argumenta tus comentarios de forma clara. Aporta información Relevante.
- No utilices unicamente Mayúsculas ni ortografías abreviadas del tipo texto SMS. Escribe correctamente.
- El Spam será borrado automaticamente.
- No hagas comentarios irrelevantes; serán considerados Spam.
- Evita las ideas generales y el lenguaje vulgar.
- Para dejar tu URL comenta con OpenID.
- Backlinks son automaticos.
- Los comentarios pueden tardar un tiempo mínimo en ser publicados.

NOTA: Los comentarios de los usuarios no reflejan las opiniones del editor. No se aceptarán bajo ningún concepto comentarios difamatorios, o faltas de respeto hacia los usuarios de este blog. Libertad de expresión Si, pero con educación.

  ©Diseño: Isi Roca.

Subir