Foros del Web » Creando para Internet » CSS »

Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa

Estas en el tema de Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa en el foro de CSS en Foros del Web. Hola tengo una capa que hace las veces de bloque contenedor de texto y enlaces. la cuestión es q quiero q cuando se pase el ...
  #1 (permalink)  
Antiguo 27/03/2011, 15:36
Avatar de humanista  
Fecha de Ingreso: abril-2005
Mensajes: 876
Antigüedad: 12 años, 7 meses
Puntos: 15
Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa

Hola tengo una capa que hace las veces de bloque contenedor de texto y enlaces.

la cuestión es q quiero q cuando se pase el ratón por encima de la capa (bloque), cambie de color los enlaces.

lo q cambiar directamente con la propiedad :hover sé hacerlo pero no q se ejecute ese cambio cuando paso el ratón por la capa
  #2 (permalink)  
Antiguo 27/03/2011, 15:54
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa

esto funciona en todos los navegadores menos en ie
Cita:
#cont:hover a {
color: #FF0000;
}
así que supongo que tendrás que hacer alguna condicional comentada
  #3 (permalink)  
Antiguo 29/03/2011, 13:46
Avatar de humanista  
Fecha de Ingreso: abril-2005
Mensajes: 876
Antigüedad: 12 años, 7 meses
Puntos: 15
Respuesta: Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa

sí pero yo quiero que justamente 2 ó 3 elementos (links) del bloque (capa) cambien (de color+se subrayen)...

tal cual me lo pones lo aplica a toda la capa
  #4 (permalink)  
Antiguo 29/03/2011, 14:26
 
Fecha de Ingreso: agosto-2010
Mensajes: 42
Antigüedad: 7 años, 3 meses
Puntos: 2
Respuesta: Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa

div#(id de tu div) a { css }
div#(id de tu div) a:hover { css }

ejemplo:

div#menu a { color: #FF0000; }
div#menu a:hover { color: #000000; background-color:#FF0000}
  #5 (permalink)  
Antiguo 29/03/2011, 14:31
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa

solo se aplica a links que hay dentro de una capa con id #cont. en caso que quieras cambiar el color a uno/s links determinados, has de asignale/s una id. así que ahora el contenedor sería
Cita:
#cont:hover #link1, #cont:hover #link2 {
text-decoration: underline;
color: red;
}
edito: por cierto, en ie si funciona, lo probé en una maquina y no funciona, ahora lo he probado en otra y funciona. cosas que pasan ......

Última edición por IsaBelM; 29/03/2011 a las 14:45
  #6 (permalink)  
Antiguo 10/04/2011, 07:42
Avatar de humanista  
Fecha de Ingreso: abril-2005
Mensajes: 876
Antigüedad: 12 años, 7 meses
Puntos: 15
Respuesta: Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa

IsaBelM lo he estado probando en todos los navegadores y me va bien menos en IE
  #7 (permalink)  
Antiguo 10/04/2011, 07:54
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa

cito="sí pero yo quiero que justamente 2 ó 3 elementos ..."

opino que css no está preparado para hacer lo que necesitas sin ser demasiado rebuscados y que al mismo tiempo funcione en ie.

Usas jquery? si lo usas a lo mejor te puedo dar una mano.

Un saludo.
  #8 (permalink)  
Antiguo 10/04/2011, 08:33
Avatar de humanista  
Fecha de Ingreso: abril-2005
Mensajes: 876
Antigüedad: 12 años, 7 meses
Puntos: 15
Respuesta: Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa

no uso jquery.

el tema es que es un bloque (div) con varios enlaces en gris y quiero que cuando sitúe el cursor sobre el bloque me cambien estos enlaces a azul y subrayado.

me va bien en Chrome, Safari, Ópera y Mozilla pero no en el maldito IE.
  #9 (permalink)  
Antiguo 10/04/2011, 14:19
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa

como te comenté, a mi no me funciona en una maquina (ie8) pero, en otra (ie8) funciona. prueba así
Cita:
#hijo:hover a {
color: red;
}


<div id="hijo">
<a href="#">link</a><br />
<a href="#">link</a>
</div>
}

Etiquetas: estilo, fuentes, capas
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 12:39.