Foros del Web » Creando para Internet » CSS »

Problema con vieñtas de lista

Estas en el tema de Problema con vieñtas de lista en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/04/2010, 08:27
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 853
Antigüedad: 10 años, 7 meses
Puntos: 6
Problema con vieñtas de lista

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.

Última edición por manumaf; 08/04/2010 a las 09:35
  #2 (permalink)  
Antiguo 08/04/2010, 10:42
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 8 años
Puntos: 65
Respuesta: Problema con vieñtas de lista

ponele padding:0 al ul
  #3 (permalink)  
Antiguo 08/04/2010, 22:16
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 853
Antigüedad: 10 años, 7 meses
Puntos: 6
Respuesta: Problema con vieñtas de lista

Código CSS:
Ver original
  1. #nav, #nav ul {
  2.     list-style: none;
  3.     background: #356AA0;
  4.     text-align:center;
  5. padding:0px;
  6. }
  7. #nav a {
  8.     display: block;
  9. }
  10.  
  11. #nav li {
  12.     float:right;
  13.     width: 40px;
  14.     border-bottom:1px solid #333333;
  15.    
  16.     }
  17. #nav li ul {
  18.     position: absolute;
  19.     width: 40px;
  20.     left: -9999px;
  21.     text-align:center;
  22. padding:0px;
  23.    
  24.    
  25. }
  26. #nav li:hover ul {
  27.     left: auto;
  28. }
  29. #nav li:hover ul, #nav li.sfhover ul {
  30.     left: auto;
  31.     }


No funciona :S



No entiendo que puede ser..
  #4 (permalink)  
Antiguo 09/04/2010, 05:07
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 8 años
Puntos: 65
Respuesta: Problema con vieñtas de lista

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> 

Etiquetas: listas, vieñetas
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 09:33.