martes, 19 de abril de 2011

Lección 16 - Escribir texto a dos columnas

Es posible que a veces necesitemos escribir a dos columnas alguna entrada.
Ya sea porque estamos escribiendo un poema, canción, o cualquier texto que quede mejor presentado de esa manera.
Veamos el ejemplo posterior:

La Higuera
Porque es áspera y fea, 
porque todas sus ramas son grises, 
yo le tengo piedad a la higuera.

En mi quinta hay cien árboles bellos, 
ciruelos redondos, 
limoneros rectos
y naranjos de brotes lustrosos.

En las primaveras,
todos ellos se cubren de flores 
en torno a la higuera.

Y la pobre parece 
tan triste con sus gajos torcidos que nunca
de apretados capullos se viste...

Por eso,
cada vez que yo paso a su lado,
digo, procurando
hacer dulce y alegre mi acento:
«Es la higuera el más bello
de los árboles todos del huerto».

Si ella escucha,
si comprende el idioma en que hablo,
¡qué dulzura tan honda hará nido
en su alma sensible de árbol!

Y tal vez, a la noche,
cuando el viento abanique su copa,
embriagada de gozo le cuente:

¡Hoy a mí me dijeron hermosa!

Juana de Ibarbourou


Para lograr lo anterior dar los siguientes pasos:
  • En la entrada que estamos creando, dar clic en la pestaña Edición de HTML
  • Allí poner el siguiente código (que podrán seleccionarlo de aquí y copiarlo. Luego en su entrada pegarlo)

    <table><tbody><tr><td style="padding-right: 15px; margin-top: 0px; padding-left: 15px; padding-bottom: 15px; width: 20%; padding-top: 15px"><p style="text-align: justify">Escribir aquí el texto de la 1º columna</p><td style="padding-right: 15px; margin-top: 0px; padding-left: 15px; padding-bottom: 15px; width: 20%; padding-top: 15px"><p style="text-align: justify">Escribir aquí el texto de la segunda columna</p></td></tr></tbody></table>

    • Donde aparecen los textos en rojo, es donde ustedes deberán ingresar el texto para la primer y segunda columna. Con cuidado borran los textos de color y allí escriben o copian/pegan el texto deseado.
    • Finalmente pasan a la pestaña Redactar y verán el resultado similar al expuesto arriba.

      4 comentarios:

      1. Hola Profe, yo había escrito cosas a dos columnas , pero lo que hago es insertar el codigo html que corresponde a una tabla, y luego escribir en las celdas correspondientes, no se si es lo mismo .
        Gracias por tu información

        ResponderEliminar
      2. Las tablas están bien para cuando deseamos mostrar los bordes, aunque en el diseño de las páginas web, el diseñador casi siempre trabaja con tablas que luego no vemos... así que usted se resolvió de otra manera también válida.

        ResponderEliminar
      3. Marita, tu solución es una simple tabla (empieza con table y acaba con /table). Lo único que la hace diferente a otras es la estructura de la misma, creada a tu gusto. Saludos.

        ResponderEliminar
        Respuestas
        1. Si, JM! Es cierto. Cuando respondí a Chelo no miré arriba el código, que es una tabla, esto pasa por responder a las corridas. :)

          Eliminar

      Gracias por sus comentarios!