Foros del web, para los que viven de bits

Gaby_Corr · 11-oct-2007, 12:27

hola, que tal tengo el sig codigo y no me hace el efecto de hover y active de un link, que puede ser ?

Código:

ul li.cat{ 
list-style-image: url(images/bullet_off.gif);
margin-left: 25px;
margin-top: 8px;
padding-top: -8px;
vertical-align: text-top;
font-size: 12px; font-weight: bold;
color:#000033; width:200px;
}

ul li.cat a:link{ color:#000033; vertical-align:top;}
ul li.cat a:visited { color: #000033;}
ul li.cat a:hover { list-style-image: url(images/bullet_on.gif);}
ul li.cat a:active { margin-top: 8px; 
list-style-image: url(images/bullet_on.gif) ; 
color:#FF3300;}

y asi lo mando llamar:

<ul>
<li class="cat"><a href="aceptar.asp" target="_blank">Clientes (Datos Generales)</a></li>
</ul>

alexblue · 12-oct-2007, 04:18

Hola Gaby_Corr:

Tienes puesto el estilo list-style-image en el li, al no tener aplicado este estilo en el elemento a, no hay manera de alterarlo en los estados hover o active.

Igual te funciona esta solución:

Código:

ul li.cat{ 
	list-style-type: none;
	margin-left: 25px;
	margin-top: 8px;
	padding-top: -8px;
	vertical-align: text-top;
	font-size: 12px;
	font-weight: bold;
	color:#000033;
	width:200px;
}

ul li.cat a:link{
	color:#000033;
	vertical-align:top;
	background: url(images/bullet_off.gif) no-repeat left;
	padding-left:5px;
}
ul li.cat a:visited {
	color: #000033;
}
ul li.cat a:hover {
	background: url(images/bullet_on.gif) no-repeat left;
}
ul li.cat a:active {
	margin-top: 8px; 
	background: url(images/bullet_on.gif) no-repeat left;
	color:#FF3300;
}

Espero que te sirva.

Saludos

Gaby_Corr · 15-oct-2007, 08:22

mm bueno creo qno era eso, mas bien era que tenia un width de 200px en un li, y eso hacia que no se cambiara, pero de todas formas intentare loq ue me comentas alexblue!

gracias!

15-oct-2007, 08:22	#3 (permalink)
Gaby_Corr Fecha de Ingreso: junio-2005 Mensajes: 672	Re: problema con hover y active en css mm bueno creo qno era eso, mas bien era que tenia un width de 200px en un li, y eso hacia que no se cambiara, pero de todas formas intentare loq ue me comentas alexblue! gracias! __________________ " Recuerda , estas donde debes estar ..."

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado