Ver Mensaje Individual
  #6 (permalink)  
Antiguo 01/07/2009, 16:27
Avatar de ivor
ivor
 
Fecha de Ingreso: abril-2005
Ubicación: Venezuela
Mensajes: 673
Antigüedad: 19 años
Puntos: 2
Mensaje Respuesta: problema con lista

Hola Sebaweb

Tienes este código cierto?

Código:
<div style="width:300px; background:#9cf">
  <ul id="lista" style="margin-left:-10px">
    <li>menu 1</li>
        <li>menu 2</li>
  </ul>
</div>
Te comento que podrias deshacerte del Div si no vas a incluir mas nada dentro de él para evitar lo que en WebDev se llama 'Divitis' y al ID #lista le agregas las propiedades y los valores quedando asi:


Código:
#lista {
width:300px;
background:#9cf;
}

Luego para eliminar el espacio:


Código:
ul#lista li {
margin-left: {Valor negativo}
}

Y te quedaria el markup asi:


Código:
  <ul id="lista">
     <li>menu 1</li>
     <li>menu 2</li>
  </ul>


Evita en lo posible usar Inline-Styles al menos que sea realmente necesario por cuestiones de especificidad. Y en cuento al Margen negativo mira aqui

Aqui explican porqué hay que evitar los Inline-Styles como <div style="width:200px"></div>

Espero haber ayudado.
__________________
Twitter: ipad

Última edición por ivor; 01/07/2009 a las 16:52 Razón: Habia entendido mal, pense que queria achicar el espacio entre los bullets y el texto