como quitar los puntos negros del <ul> <li>

snakepit · #1 (**permalink**) 10/05/2007, 12:52

Bueno resulta que me baje unos menus muy buenos de aqui pero cuando los coloco en el archivo aparecen los famosos puntos negros de las listas de menu, y en realidad no tiene que estar como puedo quitarlas me refiero a estas

esta
esta otra
esta otra tambien

muchas gracias

hector_he · #2 (**permalink**) 10/05/2007, 12:57

Hola, has probado poniendo con:"list-style:none"?
O podrías poner el código del menú? Gracias

snakepit · #3 (**permalink**) 10/05/2007, 13:07

si este es el css

Código:

#menu2 {
	width: 200px;
	margin: 10px;
	}
	
#menu2 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}
	
#menu2 li a:link, #menu2 li a:visited {
	color: #fff;
	display: block;
	background: url(imagenes/menu4.gif);
	padding: 8px 0 0 10px;
	}
	
#menu2 li a:hover {
	color: #283A50;
	background: url(imagenes/menu4.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#menu2 li a:active {
	color: #283A50;
	background: url(imagenes/menu4.gif) 0 -64px;
	padding: 8px 0 0 10px;
	}

y este el html

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="contenedor">
<div id="cabecera">
</div>
<div id="cabecera1">
<div id="menu2">
<ul>
   <li><a href="#1" title="Home">Home</a></li>
   <li><a href="#2" title="About">About</a></li>
   <li><a href="#3" title="Services">Services</a></li>
   <li><a href="#4" title="Portfolio">Portfolio</a></li>
   <li><a href="#5" title="Store">Store</a></li>
   <li><a href="menu1.zip" title="Download">Download Menu</a></li>	
</ul>
</div>
</div>
<div class="bold" id="cabecera2">
 
</div>
</div>
</body>
</html>

hector_he · #4 (**permalink**) 10/05/2007, 14:01

Prueba añadiendo #menu ul:

Código:

#menu2 {
       width: 200px;
       margin: 10px;
       }	
#menu2 ul{
       list-style:none;
       }
#menu2 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}
	
#menu2 li a:link, #menu2 li a:visited {
	color: black;
	display: block;
	background: url(imagenes/menu4.gif);
	padding: 8px 0 0 10px;
	}
	
#menu2 li a:hover {
	color: #283A50;
	background: url(imagenes/menu4.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#menu2 li a:active {
	color: #283A50;
	background: url(imagenes/menu4.gif) 0 -64px;
	padding: 8px 0 0 10px;
	}

pd (color lila): También he visto que has definido dos veces el tamaño con dos valores distintos.

snakepit · #5 (**permalink**) 10/05/2007, 14:11

muchisimas gracias hector gracias por la rapidex!!!!
saludos