Foros del Web » Creando para Internet » CSS »

Espacio entre líneas de una lista

Estas en el tema de Espacio entre líneas de una lista en el foro de CSS en Foros del Web. Estimados cómo aumento el espacio entre líneas en una lista aumente: Si ven la imagen en la parte denominada FEATURES he creado la lista pero ...
  #1 (permalink)  
Antiguo 20/07/2010, 21:35
Avatar de eragas  
Fecha de Ingreso: enero-2009
Mensajes: 417
Antigüedad: 15 años, 2 meses
Puntos: 43
Exclamación Espacio entre líneas de una lista

Estimados cómo aumento el espacio entre líneas en una lista aumente:



Si ven la imagen en la parte denominada FEATURES he creado la lista pero le he dado espacio colocando:

Código PHP:
<ul id="list">
  <
li>
  <
p>Size200 x 200 mm</p>
</
li>
  <
li>
    <
p>300 pdi</p>
  </
li>
  <
li>
  <
p>FontsTimes New RomanArialCaviar Dreams &lt;<a href="http://www.dafont.com/caviar-dreams.font">http://www.dafont.com/caviar-dreams.font</a>&gt;</p> 
Sí lo hice colocando <p></p> dentro de cada línea de la lista, solo así me funciono.

Pero si quiero que la lista tenga mayor interlineado sin necesidad de colocar la etiqueta <p></p> como hago?

Es decir con una lista algo así, como hago que tenga mayor interlineado?

<ul id="list">
<li>Donwload the fonts and install.</li>
<li>Unpack the .ZIP</li>
<li>Open and Enjoy!</li>
</ul>

Mil Gracias!!!
  #2 (permalink)  
Antiguo 20/07/2010, 22:48
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años
Puntos: 1329
Respuesta: Espacio entre líneas de una lista

Agrega un margin inferior a los <li> y listo

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 21/07/2010, 08:16
Avatar de eragas  
Fecha de Ingreso: enero-2009
Mensajes: 417
Antigüedad: 15 años, 2 meses
Puntos: 43
Respuesta: Espacio entre líneas de una lista

Carlangueitor, una pregunta y a nivel de código como lo agrego. Por favor ilústrame en ese punto.

Gracias de antemano,

Erick
  #4 (permalink)  
Antiguo 21/07/2010, 09:17
Avatar de eragas  
Fecha de Ingreso: enero-2009
Mensajes: 417
Antigüedad: 15 años, 2 meses
Puntos: 43
Respuesta: Espacio entre líneas de una lista

Otra consulta, como se aumenta el espacio entre la primera letra y la viñeta?

Gracias,
  #5 (permalink)  
Antiguo 21/07/2010, 10:30
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años
Puntos: 1329
Respuesta: Espacio entre líneas de una lista

Sería algo por el estilo:

Código CSS:
Ver original
  1. #list li {
  2. margin: 0px 0px 20px 0px;
  3. }

Y si quieres meter más espacio entre la viñeta y el texto puedes probar con esto:

Código CSS:
Ver original
  1. #list li{
  2. padding: 0px 0px 0px 20px;
  3. }

Eso cuando quieres un valor de 20px y no tienes demás valores.

Saludos
__________________
Grupo Telegram Docker en Español
  #6 (permalink)  
Antiguo 21/07/2010, 10:39
Avatar de eragas  
Fecha de Ingreso: enero-2009
Mensajes: 417
Antigüedad: 15 años, 2 meses
Puntos: 43
Respuesta: Espacio entre líneas de una lista

Gracias @Carlangueitor, me has salvado.

Saludos,

Etiquetas: espacio, lista
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:47.