Foros del Web - Ver Mensaje Individual

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