Foros del Web » Creando para Internet » CSS »

interlinea "personalizada"

Estas en el tema de interlinea "personalizada" en el foro de CSS en Foros del Web. Hola chicos! Tengo un texto que es una lista de elementos, algunos de los cuales ocupan más de una linea de texto, para una web. ...
  #1 (permalink)  
Antiguo 29/06/2008, 13:43
 
Fecha de Ingreso: abril-2005
Mensajes: 20
Antigüedad: 12 años, 7 meses
Puntos: 0
interlinea "personalizada"

Hola chicos!
Tengo un texto que es una lista de elementos, algunos de los cuales ocupan más de una linea de texto, para una web. Quisiera que cada elemento de la lista se encuentre un poco separado del anterior pero:
1. si cambio la interlinea se cambia para todos los bloques de texto, por lo tanto no se diferencian.
2. si utilizo <br> para separar cada elemento la distancia es más de la que quiero, la lista es larga, se hace mucho mas larga.

Hay alguna manera de personalizar la distancia del br digamos, o reducirla o esas cosas no se pueden cambiar?
Se entiende lo que quiero hacer? alguien sabe como se resuelve?

Les muestro un pedazo de lista:

- Evaluación de Impacto Ambiental.

- Asesoramiento para todos los establecimientos instalados o a instalarse.

- Medio Ambiente Físico. Recursos hídricos: superficial, subterráneo. Atmósfera: Variables atmosféricas.

- Medio Ambiente Socioeconómico y de Infraestructura. Densidad.

gracias!
maryiann
  #2 (permalink)  
Antiguo 29/06/2008, 17:42
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: interlinea "personalizada"

Pues no es fácil imaginar qué es lo que quieres conseguir, pero puedes probar este código a ver si te da una orientación:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body {
background-color: #333;
margin-top: 0;
color: white;
}
.contenedor {
width: 600px;
margin: 0 auto;
border: solid 1px #f00;
}
li {margin-top: 10px;}
</style>
</head>
<body>
<html>
<body>
<div class="contenedor">
<ul>
<li>Evaluación de Impacto Ambiental.</li>
<li>Asesoramiento para todos los establecimientos instalados o a instalarse.</li>
<li>Medio Ambiente Físico. Recursos hídricos: superficial, subterráneo. Atmósfera: Variables atmosféricas.</li>
<li>Medio Ambiente Socioeconómico y de Infraestructura. Densidad.</li>
</ul>
</body>
</html>
Mikel.
  #3 (permalink)  
Antiguo 29/06/2008, 19:07
 
Fecha de Ingreso: abril-2005
Mensajes: 20
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: interlinea "personalizada"

MARAVILLOSO!!
Exactamente eso necesitaba. Lo adapte a lo que ya tenia y quedo bárbaro.
Te agradezco mucho!!!
Saludos!
Mariana.
  #4 (permalink)  
Antiguo 29/06/2008, 19:48
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: interlinea "personalizada"

Cita:
Iniciado por Mikmoro
li {margin-top: 10px;}
En lugar de definir el espaciado con margin yo atacaría directo al interlineado:
Código:
li {
  line-height: 140%;
}
  #5 (permalink)  
Antiguo 30/06/2008, 01:46
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: interlinea "personalizada"

No, eso es pecisamente lo que ella no quería, es decir, justo el problema que quería evitar:

Cita:
Quisiera que cada elemento de la lista se encuentre un poco separado del anterior pero:
1. si cambio la interlinea se cambia para todos los bloques de texto, por lo tanto no se diferencian.
Quería que la segunda línea de cada "li" quedara pegada a la primera, pero una separación entre los "li".

Mikel.
  #6 (permalink)  
Antiguo 30/06/2008, 02:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: interlinea "personalizada"

Cita:
Iniciado por maryiann Ver Mensaje
MARAVILLOSO!!
Exactamente eso necesitaba. Lo adapte a lo que ya tenia y quedo bárbaro.
Te agradezco mucho!!!
Saludos!
Mariana.
De nada, es un placer. Me alegro de que te haya servido.

Saludos.

Mikel.
  #7 (permalink)  
Antiguo 30/06/2008, 13:14
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: interlinea "personalizada"

Cita:
Iniciado por Mikmoro Ver Mensaje
Quería que la segunda línea de cada "li" quedara pegada a la primera, pero una separación entre los "li".

Mikel.
Muy cierto.

Saludos.
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 00:10.