Cambio de imagen con hover

yosoloyo · #1 (**permalink**) 02/04/2010, 08:41

Hola
Supongo que será la mayor tonteria del mundo, pero esto de ser muy novato en css es lo que tiene...........

Tengo este estilo:

Código CSS:

Ver originalp{background-image:url(logoR.gif); text-align:right; text-decoration:overline; background-color:#666}
p:hover{background-image:url(logoD.gif); text-decoration:underline; background-color:#FFF;}

que funciona corrrectamente el cambio de imagen al poner el cursor sobre el párrafo, pero mi duda es la siguiente:
Si en vez de ser en un párrafo es sobre el párrafo cuya id yo quiero........ por que no me cambia la imagen:

Aqui el codigo:

Código CSS:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#logo{background-image:url(logoR.gif); text-align:center; text-decoration:underline;}
#logo div:hover{background-image:url(logoD.gif); }
p{background-image:url(logoR.gif); text-align:right; text-decoration:overline; background-color:#666}
p:hover{background-image:url(logoD.gif); text-decoration:underline; background-color:#FFF;}
</style>
<title>Don Pregunt&oacute;n</title>
</head>
 
<body>
<div id="logo">hola esto es una prueba <br /><br /><br /></div>&nbsp;
<p>&nbsp; hola esto es otra prueba</p>
</body>
</html>

gracias por vuestras respuestas

yosoloyo · #2 (**permalink**) 02/04/2010, 09:31

bueno he probado haciendo una clase .logo:hover y asi si funciona

De todas formas agradecería que me dijeran si esto es lo mas correcto
gracias

Carlangueitor · #3 (**permalink**) 02/04/2010, 14:02

tiene que ser #logo:hover ya que lo que les estás diciendo al navegador es que busque un div dentro de "logo". Cámbialo y dinos si funciona.

Saludos

yosoloyo · #4 (**permalink**) 02/04/2010, 16:55

cierto asi es suponia que era una gran tonteria pero claro uno peca de novato!

muchas gracias