CSS, bouton et image...

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:

---

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

Salut

tu as essayé :

Code:

---

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:

---

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

---

Qui gère différents navigateurs

Nickel, merci beaucoup !!!

Pense à cliquer sur :resolu: en bas du message, merci :)

Autant pour moi, dsl...