Discussion :

[lietof]

Bonjour,
j'essaies de faire des images servant de liens hypertexte, qui s'éclairent et s'encadrent au passage du curseur.
Je me suis lancé dans les css, pour obtenir ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
CSS:
a.onrollover img{ opacity:1; filter:alpha(opacity=100);} 
a.onrollover:hover img{ opacity:0.8; filter:alpha(opacity=80);}
HTML:
<A HREF="" class="onrollover" Title="Lance l'analyse spatiale basée sur Oracle Spatiale"><IMG SRC="../icone/SpatialAnalysis.gif"></A>

mais impossible de metre une bordure...

PS: au fait, si ca se voit pas, je suis un novice dasn les css......
j'ai beau chercher sur le net, je trouve pas ou alors lorsque ca marche, c est le truc du dessus qui marche pas...
z'auriez des idées?

Merci par avance

[AlphaYoDa]

Salut

tu as essayé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

a.onrollover:hover img{ opacity:0.8; filter:alpha(opacity=80); border:1px solid #000; }

?

Personellement pour l'opacité j'utilise le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

a.rollOver:hover img { filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; }

Qui gère différents navigateurs

[lietof]

Nickel, merci beaucoup !!!

[AlphaYoDa]

Pense à cliquer sur en bas du message, merci

[lietof]

Autant pour moi, dsl...