Rectifier CSS pour image après intégration d'un <a></a>

Bonjour.
Je souhaite faire un petit sous menu dans un fieldset. Je veux mettre un effet sur mes images (border-style: outset).

Jusque là, pas de problème.

Cependant, les boutons créés, je rajoute une petite balise <a> et là, catastrophe ... bordure bleu autour de mon image (classique), et impossible de remettre mon 'border-style: outset' après intégration de la balise de lien :( .

Code:

---

1 2 3 4 5 6

...HTML... <fieldset id="console"> <a href=""> <img class="icone" src="../img/newuser.gif"/> </a> </fieldset>

---

Code:

---

1 2 3 4 5 6 7 8 9 10

...CSS... fieldset#console{ padding: 2px 25px; }   fieldset#console img{ border-style: outset; margin: 0 20px; height: 55px; }

---

Voila alors j'ai essayé de redéclarer "fieldset#console img" par "fieldset#console a img" et ca ne marche pas. Si au passage vous pouvez m'expliquer pourquoi, et me donner la bonne solution ... ;)

salut,

Code:

---

1 2 3 4 5 6 7 8 9 10 11

...CSS... fieldset#console{ padding: 2px 25px; }   fieldset#console img{ border: 0px; border-style: outset; margin: 0 20px; height: 55px; }

---

Heu merci quand meme mais non ca ne marche pas.
En fait le truc c'est que y'a le lien (<a></a>) qui encadre mon <img> et du coup fait que le stylé désiré (celui du code CSS fournit) ne marche plus.

Donc c'est pas juste un problème de bordure bleue, mais surtout:

comment faire pour que mon image soit avec l'effet "border-style: outset;" maintenant qu'un lien l'encadre.

Pourquoi ça ca marche:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

...CSS... fieldset#console{ padding: 2px 25px; }   fieldset#console img{ border-style: outset; margin: 0 20px; height: 55px; }   ...HTML... <fieldset id="console"> <img class="icone" src="../img/newuser.gif"/> </fieldset>

---

Et pourquoi pas ca :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

...CSS... fieldset#console{ padding: 2px 25px; }   fieldset#console a img{ border-style: outset; margin: 0 20px; height: 55px; }   ...HTML... <fieldset id="console"> <a href=""> <img class="icone" src="../img/newuser.gif"/> </a> </fieldset>

---

Voila voila, j'espère avoir eclairci mes propos (pas sur :? lol)

la class doit aller dans ton lien (a href) pas dans l'image.


en fait le code devrais ressembler a quelquechose comme ca...

CSS :

Code:

---

1 2 3 4 5 6

a.imagetest img { border-style: outset; margin: 0 20px; height: 55px; }

---

HTML :

Code:

---

<A HREF="" CLASS="imagetest"><IMG SRC...></A>

---

Merci de vos réponses à tous.

Voici ce que j'ai fais:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

...CSS... fieldset#console{ padding: 2px 25px; margin-top: 10px; }   fieldset#console a img{ border-width: 4px; border-color: white; border-style: outset; }   ..HTML... <fieldset id="console"> <a href="index.php?page=util&action=newuser"> <img class="icone" src="../img/newuser.gif"/> </a> </fieldset>

---