zampon - red de blogs ZampaRuedas     Coches Nuevos     LigaFutbol     Eventos Valencia     ZampaOcio     Ciudades Famosas

Listas Espaciadas en tus entradas

Vie, May 16, 2008

HTML

En AYUDA WORDPRESS, encuentro un truco muy básico para construir listas con algo más de separación, en lugar de estar tan juntas.

Una lista normal aparecería de la siguiente manera:

  • Elemento A
  • Elemento B
  • Elemento C

Pero personalmente deseamos que aparezca de esta otra:

  • Elemento A

  • Elemento B

  • Elemento C

Esta ultima forma de verla es ideal para cuando tenemos los párrafos con mucha información, o sea con una lista con mucho texto, de ese modo ampliamos el espacio entre cada elemento puede mejorar su legibilidad de los párrafos de la lista.

Hacer esto con el editor Visual de WordPress no es posible (a menos que crees un nuevo tipo de <ul> para los elementos de lista). Para añadir espacio extra tienes que ir al editor HTML. En WordPress 2.5 elige la pestaña “HTML” del editor de entradas donde visualizas los códigos.

Así sería tu código de la primera lista:

<ul>
<li>Elemento A</li>
<li>
Elemento B</li>
<li>
Elemento C</li>
</ul>

Para crear espacios extra simplemente añade las etiquetas <p> y </p> al comienzo y final, respectivamente, de cada elemento de la lista. Sería algo así:

<ul>
<li>
<p>Elemento A</p></li>
<li>
<p>Elemento B</p></li>
<li>
<p>Elemento C</p></li>
</ul>



Autor de esta entrada

Toni - ha publicado 3919 entradas en Cosas sencillas.

Contactar con el autor

1 Comentarios para esta entrada

  1. akae dice:

    bueno, es una lista de párrafos :)

Dejar un comentario