Altura de linea de un <ul> y <li>

[Takitei]

Hola...

Quiero hacer una lista de items... pero usando <li> me deja un espacio demasiado grande entre cada elemento de la lista.

Uso line-height pero esa propiedad no funciona para elementos de lista... ¿qué debo hacer?

¿Cómo puedo reducir ese tamaño?...

Thankz!

[CORE]

con margin:0;

saludos

[kemie]

en efecto, ajusta los margenes ypadding de tus lis

[Takitei]

Nop!... sigue dejando un espacio entre cada linea...

Que algo asi:

* algo

* algo2

* algo 3

Y quiero que queden pegaditas unos de otras. El estilo lo tengo asi:

Código HTML:

li {margin:0px, padding:0px 0px 0px 12px; color:#000000; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; list-style-image:url(../images/04_bullet.gif);}

Y mi code asi:

Código HTML:

<li>Conceptuales</li>
<li>Topográficas</li>
<li>De diseño</li>
<li>De urbanismo</li>
<li>Estructurales</li> 

[kemie]

si tu problema es en internet explorer solamente, intenta:
<li>Conceptuales</li><li>Topográficas</li><li>De diseño</li><li>De urbanismo</li><li>Estructurales</li>

[Takitei]

Nop... mi problema es con el Firefox! En el IE funciona perfectamente tal y como quiero, pero en el Firefox sigue dejando ese espacio grande entre líneas.

:(

[kemie]

intenta entonces ajustar la propiedad line-height

[Takitei]

Como ya dije... line-height no funciona para elementos de lista en navegadores Netscape.

[Takitei]

Hagámoslo más fácil, simplemente necesito que el texto me aparezca unos 10px a la derecha y con una viñeta. ¿Qué código puedo usar? ¿será un span con un background?... necesito que me que algo asi:

* Esto es un texto con una etiqueta X.

[Takitei]

Joder!... probé con lo siguiente:

.vineta {background:url(../images/04_bullet.gif) no-repeat 0px 4px; padding:0 0 0 10px; margin:0 0 0 20px;}

<div class="vineta">texto viñetado</div>
<div class="vineta">texto viñetado2</div>
<div class="vineta">texto viñetado3</div>

E igualmente me deja el espacio entre líneas !!! Me deja un espacio como de un <br /> <br />

Si lo hago con un span... entonces si el texto de la viñeta es muy largo a la segunda linea no le pone margen.

[kahlito]

Hola Takitei, tu problema es en Iexplorer o en Mozilla, en el primer ejemplo que tienes lo veo separado en Iexplorer y no en Mozilla.

Has probado poniendo por ejemplo poniendo a los dos navegadores el mismo espacio:

Código HTML:

li {
	margin:0px;
	padding:3px;}
* html li {
	margin:0px;
	padding:0px;}

[Takitei]

Ya lo resolví usando display:inline.

Muchas gracias a todos!

[CORE]

Alguna vez dijiste que lo querias horizontal?
display-inline lo coloca horizontal, cierto?
cheka http://www.projectseven.com/tutorial...inks/index.htm

saludos

[Takitei]

Nop... pero entre cada <div> había un <br>, entonces me dejaba un espacio como de 2 <br>. La solución fue colocarle display:inline.

[kbdev]

Tengo una duda: cuando hago una lista y no quiero que tenga viñetas, luego de quitarlas el espacio en el que deberia ir la viñeta sigue ahi; es decir, es como si la viñeta estuviera ahi,solo que invisible. y si mi lista esta en un recuadro, quedaria una tabulacion entre el borde del recuadro (debido a las viñetas invisibles -.-U) y los elementos de la lista, como podria solucionar eso.
Gracias de antemano.

[Triby]

Por favor inicia un nuevo tema para hacer tu pregunta, el revivir temas viejos no es conveniente porque dificilmente obtendras una respuesta.

P.D. Cuando preguntes tambien muestra el codigo donde te da el error, sin verlo sera muy dificil poder ayudarte.