Foros del Web » Creando para Internet » CSS »

problema con a hover class

Estas en el tema de problema con a hover class en el foro de CSS en Foros del Web. no puedo hacer que este a hover class cambie he intentado hasta he intentado cambiarlo por un id pero no me funciona. se queda del ...
  #1 (permalink)  
Antiguo 11/11/2010, 14:03
 
Fecha de Ingreso: junio-2010
Mensajes: 183
Antigüedad: 7 años, 6 meses
Puntos: 1
problema con a hover class

no puedo hacer que este a hover class cambie he intentado hasta he intentado cambiarlo por un id pero no me funciona. se queda del color del span.inicio. Aqui pongo el codigo.
Espero me ayuden.


<body>
<div id="general">
<div id="cabecera">

<div id="cajaroja">

<h3 id="unimax"title="Productos Dentales producto">
<span></span>Productos Dentales producto
</h3>
</div>

<div id="navegador">
<a class="home"href="http://www.grapsaco.com"><span class="inicio">Home</span></a>
<a class="navegador"href="http://www.exitoexelencia.com"><span class="lineavertical">Productos</span></a>
<a class="navegador"href="http://exitoexelencia.com"><span class="lineavertical">Contactos</span></a>
</div>

</div>

</div>
</body>



y los estilos:

div#navegador{
position:absolute;
left:500px;}


a{
color:#999;
text-decoration:none;}

span.inicio{
color: #900;
padding-right:10px;}
span.lineavertical{

border-left:1px solid #999;
padding:0 10px 0 10px;}

a:hover.home{

color:white;}


a:hover.navegador{
color:#Fff;}
[/QUOTE]
  #2 (permalink)  
Antiguo 11/11/2010, 14:16
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: problema con a hover class

a.home:hover{}

<a class="home" href="http://www.grapsaco.com"><span class="inicio">Home</span></a>
  #3 (permalink)  
Antiguo 11/11/2010, 14:53
 
Fecha de Ingreso: junio-2010
Mensajes: 183
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: problema con a hover class

Cita:
Iniciado por DragonX Ver Mensaje
a.home:hover{}

<a class="home" href="http://www.grapsaco.com"><span class="inicio">Home</span></a>

HOla Dragon he cambiado el estilo pero no cambia el color de home a white que es lo que quiero....
  #4 (permalink)  
Antiguo 11/11/2010, 14:56
 
Fecha de Ingreso: junio-2010
Mensajes: 183
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: problema con a hover class

Cita:
Iniciado por DragonX Ver Mensaje
a.home:hover{}

<a class="home" href="http://www.grapsaco.com"><span class="inicio">Home</span></a>

Cita:
Iniciado por rafret Ver Mensaje
HOla Dragon he cambiado el estilo pero no cambia el color de home a white que es lo que quiero....

otra cosa y porque cuando pongo

a:hover.navegador{}


no tengo problemas y cambian normal los otros links?
  #5 (permalink)  
Antiguo 12/11/2010, 08:06
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 8 años, 5 meses
Puntos: 22
Respuesta: problema con a hover class

El problema es que los estilos del span interno tienen más peso que el estilo del hover. Prueba a ponerlo así:

Código CSS:
Ver original
  1. span.inicio {
  2. padding-right:10px;
  3. }
  4.  
  5. a.home {
  6. color: #900;
  7. }
  8.  
  9. a:hover.home {
  10. color:white;
  11. }
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla

Etiquetas: class, hover
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 22:47.