Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: G12 en 08 de Agosto de 2011, 22:21:22 pm
-
Hola a tod@s.
He creado este codigo para poner sombra en las letras.
El problema es que yo quiero que al pasar el raton se me ponga la sombra, y al no pasarlo me salgan las letras normales y corrientes.
.azul li{
margin: 0 12px;
font-weight: bold;
color: #999;
text-shadow: 0 1px 0 #FFF;
line-height: 34px;
float: right;
}
(http://imagengratis.org/images/dudasd3us.png)
¿Alguien sabe?
¡GRACIAS!
-
.azul li a{
margin: 0 12px;
font-weight: bold;
color: #999;
line-height: 34px;
float: right;
}
.azul li a:hover{
margin: 0 12px;
font-weight: bold;
color: #999;
text-shadow: 0 1px 0 #FFF;
line-height: 34px;
float: right;
}
El primero debería ser como quieres que se vea como vinculo, y el de abajo es cuando pasas el mouse.
Creo que funciona jaja.
-
.azul li a{
margin: 0 12px;
font-weight: bold;
color: #999;
line-height: 34px;
float: right;
}
.azul li a:hover{
margin: 0 12px;
font-weight: bold;
color: #999;
text-shadow: 0 1px 0 #FFF;
line-height: 34px;
float: right;
}
El primero debería ser como quieres que se vea como vinculo, y el de abajo es cuando pasas el mouse.
Creo que funciona jaja.
Me parece que estas equivocado, la manera correcta seria usando text-decoration en underline al momento del hover
Ejemplo
.lala:hover {
text-decoration:underline;
}
Saludos.
-
Así no me sirve
Yo lo que querría es:
- Al pasar el mouse que haga sombra
- Al ponerle link que no se me haga azul si no de el estilo CSS (por que acabo de comprobar que si pongo un link se va el efecto del CSS y se me pone en AZUL sin subrayar).
¡Saludos!
-
jaja me equivoque en el hover
lo unico que necesitas agregar es
.azul li:hover
{
text-shadow: 0 1px 0 #FFF;
}
al menos así me funciono.
-
Epic, lei mal la cosa, pensé que preguntabas por subrayado.
-
Gracias, ahora tengo otra duda, he añadido esto:
a:hover {
text-decoration: none;
}
a {
text-decoration: none;
}
Y cuando pongo un link:
<li><a href="index.php">REGISTRATE</a></li>, me sale en azul.
(http://imagengratis.org/images/duda2de3sd.png)
Y yo quiero que me salga asi:
(http://imagengratis.org/images/duda3zi7rz.png)
Tal y como estaria si no tubiera el link.
-
prueba a poner al principio del documento:
a {
color: inherit;
}
Eso haría que todos los links heredaran el color, vamos, que debería coger el color del resto de LIs.