Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 21-may-2008, 10:38   #1 (permalink)
manuelete ha deshabilitado el karma
 
Fecha de Ingreso: julio-2007
Mensajes: 6
cambio de color de fondo al pasar el puntero por encima del cuadro

Hola,

Tengo en una web tres cuadros con una imagen y un texto. Mi intención es la de que al pasar el puntero por un cuadro, éste cambie de color de fondo y de color de borde, con hipervínculo a otra url.

¿Alguien podría ayudarme, o pasarme algún link con documentación sobre este tema?
Gracias.
manuelete está desconectado   Responder Citando
Antiguo 21-may-2008, 10:45   #2 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: Idle. Return on 18/08
Mensajes: 734
Respuesta: cambio de color de fondo al pasar el puntero por encima del cuadro

¿Estos cuadros que mencionas son links? La solución sería modificar los atributos en el a y el a:hover. Suerte!
__________________
<signs> daPhyre </signs>

¿Por qué dejar se usar tablas?
daPhyre está desconectado   Responder Citando
Antiguo 22-may-2008, 11:43   #3 (permalink)
manuelete ha deshabilitado el karma
 
Fecha de Ingreso: julio-2007
Mensajes: 6
Respuesta: cambio de color de fondo al pasar el puntero por encima del cuadro

Hola!

Gracias por responder. Sí, los cuadros son enlaces, pero ¿podrías ser más específico? Conozco el a hover pero no sé cuál es el código para ponerlo en un cuadro, ni los atributos que hay que utilizar para que cambie el color de fondo. Si me pasaseis alguna url con un manual específico o me dijeseis como se hace os lo agradeceria
manuelete está desconectado   Responder Citando
Antiguo 22-may-2008, 12:49   #4 (permalink)
geek08 ha deshabilitado el karma
 
Avatar de geek08
 
Fecha de Ingreso: mayo-2008
Ubicación: En algun lugar...
Mensajes: 25
Respuesta: cambio de color de fondo al pasar el puntero por encima del cuadro

Hola manuelete... lo que tenes q hacer es si vos tenes la div en el css declarada asi:
.unadiv {elcontenido}
lo q tenes q hacer para q tenga hover es:
.unadiv:hover{elcontenido}
ya con esto te tiene q funcionar.. suerte!
geek08 está desconectado   Responder Citando
Antiguo 22-may-2008, 15:08   #5 (permalink)
Jamati está en el buen camino
 
Fecha de Ingreso: febrero-2008
Mensajes: 223
Respuesta: cambio de color de fondo al pasar el puntero por encima del cuadro

no obstante, así como lo están explicando funcionará solamente para FF...

al menos eso creo, ya que el IE acepta las pseudo clases en los enlances <a> solamente
Jamati está desconectado   Responder Citando
Antiguo 23-may-2008, 08:43   #6 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: Idle. Return on 18/08
Mensajes: 734
Respuesta: cambio de color de fondo al pasar el puntero por encima del cuadro

Cita:
Iniciado por Jamati Ver Mensaje
no obstante, así como lo están explicando funcionará solamente para FF...

al menos eso creo, ya que el IE acepta las pseudo clases en los enlances <a> solamente
Desde IE7 ya lo soporta, ya le he usado yo. Sin embargo, al problema es durante la transición a que todos se actualizen =P (Los que aun usan IE XD)

Siendo esto tan solo un aspecto visual que no afecta la funcionalidad, creo que no habría problema en dejarlo así, y que solo los que tengan IE6 o menor no puedan apreciarlo...

Por otro lado, una solución muy sencilla, sería poner la clase en las anclas, pero no se exactamente que es lo que desea nuestro comañero para ver si es conveniente. Si nos explica mejor, podríamos darle una solución más a la medida. Suerte!
__________________
<signs> daPhyre </signs>

¿Por qué dejar se usar tablas?
daPhyre está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 05:27.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93