Problema con vieñtas de lista

manumaf · #1 (**permalink**) 08/04/2010, 07:27

Hola, yo tengo un lista de imágenes muy pequeña, para que no aparezca viñeta coloco:
list-style: none;

El problema es que me queda el espacio en donde estaría la viñeta, osea en ves de quedarme:

(img)

me queda:

(espacio)(img)

Como hago para que no me quede ese espacio?

Edito:

Asi me queda

si se finjan hay un espacio a la izquierda de cada imagen

Este es el codigo (es un menu desplegable)

Código:

#nav, #nav ul {
	list-style: none;
	background: #356AA0;
	text-align:center;
	

	
}
#nav a {
	display: block;
}

#nav li {
	float:right;
	width: 40px;
	border-bottom:1px solid #333333;
	
	}
#nav li ul {
	position: absolute;
	width: 40px;
	left: -9999px;
	text-align:center;
	
	
}
#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}

No se si me explique bien, si no avisenme.

Dany_s · #2 (**permalink**) 08/04/2010, 09:42

ponele padding:0 al ul

manumaf · #3 (**permalink**) 08/04/2010, 21:16

Código CSS:

Ver original#nav, #nav ul {
    list-style: none;
    background: #356AA0;
    text-align:center;
padding:0px;
}
#nav a {
    display: block;
}
 
#nav li {
    float:right;
    width: 40px;
    border-bottom:1px solid #333333;
    
    }
#nav li ul {
    position: absolute;
    width: 40px;
    left: -9999px;
    text-align:center;
padding:0px;
    
    
}
#nav li:hover ul {
    left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    }

No funciona :S

No entiendo que puede ser..

Dany_s · #4 (**permalink**) 09/04/2010, 04:07

ah me faltó el margin, seguro probaste en ie

Código HTML:

<html>
<head>
  <style>
    ul {padding:0; margin:0}
    li {list-style:none;}
    div {background-color:#ccc;width:50px;}
  </style>
</head>
<body>
    <div>
      <ul>
          <li>uno</li>
          <li>dos</li>
      </ul>
    </div>
</body>
</html>