Foros del Web » Creando para Internet » CSS »

como eliminar una herencia css

Estas en el tema de como eliminar una herencia css en el foro de CSS en Foros del Web. Hola tengo este menu y desearia eliminar las propiedades heredadas en los submenus (sobretodo la imagen de lista). me echáis una mano? Gracias! el codigo: ...
  #1 (permalink)  
Antiguo 19/09/2009, 13:08
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 9 años, 5 meses
Puntos: 9
como eliminar una herencia css

Hola tengo este menu y desearia eliminar las propiedades heredadas en los submenus (sobretodo la imagen de lista). me echáis una mano? Gracias!

el codigo:


Código HTML:
<head>
	<title>Menú usando listas</title>

	
	<script language="Javascript">
	<!--
	function toggle(id) {
		obj = document.getElementById(id);
		if (obj.style.display == "") {
			obj.style.display = "none"
		}
		else {
			obj.style.display = ""
		}
	}
	-->
	</script>
    <style>
	#contenedor	{

	width: 10em;
	padding: 0em 0em 1em 0em;
	
	color: black;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;FONT-SIZE: 1.08em;LINE-HEIGHT: 1.53em;
}

.menu	{
	list-style: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
}


.menu li.sel a	{
	width: 100%;
	text-decoration: none;
	background:url(square_bullet.gif) no-repeat left center;	
	color: #d0431d;FONT-SIZE: 1.08em;
	padding-left: 0.5em;
	
}

.menu li > a	{
	width: auto;
	display: block;	/* Para Mozilla */
}

.menu li a:hover, .menu li.seleccionado a	{
	COLOR: #666;FONT-SIZE: 1.08em;background:url(square_bullet.gif) no-repeat left center;text-decoration: none;padding-left: 0.5em;
	
}
.menu li.sub a{ COLOR: #666;FONT-SIZE: 1.08em;list-style: none;}
.submenu	{
	list-style: none;
	list-style-position: outside;
	padding-left: 0.5em;
	margin-left: 0.5em;
}

    </style>
</head>
<body>

<div id="contenedor">
	<ul class="menu">
		<li class="sel"><a href="#" onClick="javascript:toggle('uno'); return false;">Uno</a></li>
		<ul id="uno" class="submenu" style="display: none">
			<li class="sub"><a href="#">Uno Punto Uno</a></li>
			<li class="sub"><a href="#">Uno Punto Dos</a></li>
			<li class="sub"><a href="#">Uno Punto Tres</a></li>
		</ul>
		<li class="seleccionado"><a href="#">Dos</a></li>
		<li class="sel"><a href="#">Tres</a></li>
		<li class="sel"><a href="#">Cuatro</a></li>
		<li class="sel"><a href="#" onClick="javascript:toggle('cinco')">Cinco</a></li>
		<ul id="cinco" class="submenu" style="display: none">
			<li class="sub"><a href="#">Cinco Punto Uno</a></li>
			<li class="sub"><a href="#">Cinco Punto Dos</a></li>
			<li class="sub"><a href="#">Cinco Punto Tres</a></li>
		</ul>
		<li class="sel"><a href="#">Seis</a></li>
	</ul>
</div> 
  #2 (permalink)  
Antiguo 19/09/2009, 14:24
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 9 años, 5 meses
Puntos: 9
Sonrisa solucionado

Solucionado. Si alguin desea un menu css con javascript vertical y desplegable...
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 01:27.