Foros del Web » Creando para Internet » CSS »

Problema con el atributo colo y el evento hover

Estas en el tema de Problema con el atributo colo y el evento hover en el foro de CSS en Foros del Web. Hola tengo un menu CSS cuyo aspecto html es el siguiente: Código: <div id="menu"> <ul> <li><a href="<?php echo base_url() . 'admin/inicio' ?>">Inicio</a></li> <li><a href="<?php echo ...
  #1 (permalink)  
Antiguo 19/10/2009, 06:36
 
Fecha de Ingreso: marzo-2009
Mensajes: 19
Antigüedad: 7 años, 8 meses
Puntos: 0
Problema con el atributo colo y el evento hover

Hola tengo un menu CSS cuyo aspecto html es el siguiente:

Código:
<div id="menu">
	<ul>
		<li><a href="<?php echo base_url() . 'admin/inicio' ?>">Inicio</a></li>
		<li><a href="<?php echo base_url() . 'admin/productos' ?>">Productos</a></li>
		<li><a href="<?php echo base_url() . 'admin/soluciones' ?>">Soluciones</a></li>
		<li><a href="<?php echo base_url() . 'admin/noticias' ?>">Noticias</a></li>
		<li><a href="<?php echo base_url() . 'admin/soporte' ?>">Soporte</a></li>
		<li><a href="<?php echo base_url() . 'admin/descargas' ?>">Descargas</a></li>
		<li><a href="<?php echo base_url() . 'admin/boletines' ?>">Boletines</a></li>
		<li><a href="<?php echo base_url() . 'admin/imagenes' ?>">Imagenes</a></li>
		<li><a href="<?php echo base_url() . 'admin/clientes' ?>">Clientes</a></li>
	</ul>
</div>
Luego como ie7 tiene algunos bugs con la pseudo-clase over lo que hago es hacerlo todo con jQuery que se supone es cross-browser.

Y tengo el siguiente codigo:

Código:
<script>
	$('#menu li')
	.hover
	(
		function()
		{
			$(this).addClass('menu-item-hover');
			$(this).css('color','#FFFFFF');
		}
		,
		function()
		{
			$(this).removeClass('menu-item-hover');
			$(this).css('color','#271A6F');
		}
	);
	
	if(jQuery.browser.version < 8)
	{
		$("#menu li").css
		({
			'lineHeight': '40px',
			'position':'relative',
			'bottom' : '13px',
			'right' : '3px'
		});
	}
</script>
Pues bien, funciona todo correcto menos el atributo "color".

He probado de mil maneras, meterlo dentro de la clase menu-item-hover, sacarlo, ponerlo como atributo... ya no se que hacer... a ver si alguien me ayuda.
  #2 (permalink)  
Antiguo 19/10/2009, 07:55
 
Fecha de Ingreso: octubre-2009
Ubicación: Argentina
Mensajes: 21
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Problema con el atributo colo y el evento hover

Te pasa eso porque tenes que asignarle el color a la etiqueta <a>, lo que hiciste esta bien solo que tomaría el color al texto común, excepto los enlaces claro.
  #3 (permalink)  
Antiguo 19/10/2009, 09:08
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 9 años, 6 meses
Puntos: 538
Respuesta: Problema con el atributo colo y el evento hover

Cita:
Luego como ie7 tiene algunos bugs con la pseudo-clase over
Hasta donde recuerdo, ie tiene muchos problemas (bueno, genera a sus usuarios), pero no precisamente con el :hover sobre elementos distintos a enlaces.
Cita:
lo que hago es hacerlo todo con jQuery
Hay un foro para js. Seguro que allí aumentarían las probabilidades de obtener respuesta y disminuiría el tiempo necesario para ello.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 05:38.