Foros del Web » Creando para Internet » CSS »

Cambio de imagen con hover

Estas en el tema de Cambio de imagen con hover en el foro de CSS en Foros del Web. Hola Supongo que será la mayor tonteria del mundo, pero esto de ser muy novato en css es lo que tiene........... Tengo este estilo: @import ...
  #1 (permalink)  
Antiguo 02/04/2010, 09:41
 
Fecha de Ingreso: mayo-2008
Mensajes: 151
Antigüedad: 9 años, 6 meses
Puntos: 0
Cambio de imagen con hover

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 original
  1. p{background-image:url(logoR.gif); text-align:right; text-decoration:overline; background-color:#666}
  2. 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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <style>
  6. #logo{background-image:url(logoR.gif); text-align:center; text-decoration:underline;}
  7. #logo div:hover{background-image:url(logoD.gif); }
  8. p{background-image:url(logoR.gif); text-align:right; text-decoration:overline; background-color:#666}
  9. p:hover{background-image:url(logoD.gif); text-decoration:underline; background-color:#FFF;}
  10. </style>
  11. <title>Don Pregunt&oacute;n</title>
  12. </head>
  13.  
  14. <body>
  15. <div id="logo">hola esto es una prueba <br /><br /><br /></div>&nbsp;
  16. <p>&nbsp; hola esto es otra prueba</p>
  17. </body>
  18. </html>

gracias por vuestras respuestas
  #2 (permalink)  
Antiguo 02/04/2010, 10:31
 
Fecha de Ingreso: mayo-2008
Mensajes: 151
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Cambio de imagen con hover

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
  #3 (permalink)  
Antiguo 02/04/2010, 15:02
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Cambio de imagen con hover

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
__________________
Grupo Telegram Docker en Español
  #4 (permalink)  
Antiguo 02/04/2010, 17:55
 
Fecha de Ingreso: mayo-2008
Mensajes: 151
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Cambio de imagen con hover

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

muchas gracias

Etiquetas: hover, cambios
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 20:39.