interlinea "personalizada"

maryiann · #1 (**permalink**) 29/06/2008, 12:43

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

Mikmoro · #2 (**permalink**) 29/06/2008, 16:42

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.

maryiann · #3 (**permalink**) 29/06/2008, 18:07

MARAVILLOSO!!
Exactamente eso necesitaba. Lo adapte a lo que ya tenia y quedo bárbaro.
Te agradezco mucho!!!
Saludos!
Mariana.

metacortex · #4 (**permalink**) 29/06/2008, 18:48

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%;
}

Mikmoro · #5 (**permalink**) 30/06/2008, 00:46

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.

Mikmoro · #6 (**permalink**) 30/06/2008, 01:38

Cita:

Iniciado por maryiann

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.

metacortex · #7 (**permalink**) 30/06/2008, 12:14

Cita:

Iniciado por Mikmoro

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.