Foros del Web » Creando para Internet » CSS »

No logro cambiar el color de fondo al poner el mouse encima, que tengo mal?

Estas en el tema de No logro cambiar el color de fondo al poner el mouse encima, que tengo mal? en el foro de CSS en Foros del Web. Hola, en single.php para mostrar el thumbnail uso este codigo: Código PHP: the_post_thumbnail ( 'medium' , array( 'class'  =>  'single-alignleft' ));  Y en el css tengo: ...
  #1 (permalink)  
Antiguo 13/02/2012, 11:35
RGT
Usuario no validado
 
Fecha de Ingreso: noviembre-2008
Mensajes: 505
Antigüedad: 10 años, 9 meses
Puntos: 5
Pregunta No logro cambiar el color de fondo al poner el mouse encima, que tengo mal?

Hola,
en single.php para mostrar el thumbnail uso este codigo:

Código PHP:
the_post_thumbnail('medium', array('class' => 'single-alignleft')); 
Y en el css tengo:
Código:
.single-alignleft {
	background-color:#FFF;
	border: 1px #ccc solid;
	padding: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin: 10px 10px 10px 0;
}

.single-alignleft a:hover img, .single-alignleft a:focus img {
	background-color:#2fb6f6;
}
Cuando paso el mouse encima no surge ningun efecto y deberia cambiarse el color de fondo, que tengo mal en el css?
  #2 (permalink)  
Antiguo 13/02/2012, 12:11
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 10 años, 7 meses
Puntos: 306
Respuesta: No logro cambiar el color de fondo al poner el mouse encima, que tengo mal

Hola RGT
No te lo dije antes, pero en este foro no es necesario el código php.
Lo mejor es que muestres el html que genera ese php + el css. Es decir, solo html y css, ya que el css trabaja sobre el html y no sobre el php.

Prueba con esto:
Código CSS:
Ver original
  1. .single-alignleft:hover {
  2.     background-color:#2fb6f6;
  3. }

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 13/02/2012, 12:48
RGT
Usuario no validado
 
Fecha de Ingreso: noviembre-2008
Mensajes: 505
Antigüedad: 10 años, 9 meses
Puntos: 5
Respuesta: No logro cambiar el color de fondo al poner el mouse encima, que tengo mal

Hermano, muchisimas gracias, funciono!
Ahora no se cuando usar a:hover y :hover
me confundi pero lo bueno es que funciono!
  #4 (permalink)  
Antiguo 13/02/2012, 12:52
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 10 años, 7 meses
Puntos: 306
Respuesta: No logro cambiar el color de fondo al poner el mouse encima, que tengo mal

Todo depende que quieres lograr y cual es el elemento objetivo.
Es decir si quieres que cambie el color de fondo de un div al pasar el mouse debes aplicarlo a ese div
Código CSS:
Ver original
  1. div:hover{algo}
Si quieres que el enlace cambie de color

Código CSS:
Ver original
  1. a:hover{algo}

Es decir depende de a quien le quieres cambiar el valor de alguna propiedad.

http://www.librosweb.es/css_avanzado...do-clases.html
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: color, encima, hover, mouse, fondo
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 00:22.