Bonjour,
Je comprends que tu veux que l'image soit encadrée au survol par la souris d'une manière différente de celle des autres liens.
Un :hover le permet.
Il te suffit d'en définir un particulier pour cet élément de ton menu.
Un id, un style pour cet id et un autre pour le survol.
Quelque chose comme
Code : Tout sélectionner
#menu {
position : relative;
}
#mail {
position: absolute;
border: none;
background-color: transparent;
text-decoration: none;
/* top: 926px; */
bottom : 0;
left: 82px;
width: 108px;
height: 79px;
}
#mail:hover {
border : 5px dotted #f00;
/* border-style: outset;
border-width: thick;*/
}
et, sans la <div>, inutile
Code : Tout sélectionner
<a id="mail" href="mailto:---------CHEZ----------">
<img style="border: none;" alt="nous envoyer un courriel" src="mail.gif">
</a><br>
Ce qui pourrait donner
ce résultat.
Tu pourrais aussi choisir de placer l'image en background du <a>.
Tu pourrais aussi donner des dimensions à tes <a> après leur avoir appliqué un “display : block;” pour les avoir tous de la même taille plutôt que ces petites zones timides qui s'entourent à l'étroit.
J'en profite pour te suggérer de faire relire le texte où quelques fautes traînent :
comme beaucoup l'on crut
comme beaucoup l'ont cru
En français, les signes de ponctuation doubles ( ; ? ! : ) nécessitent une espace avant.
Et, insécable, un est encore mieux.
Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/523.12 (KHTML, like Gecko) Safari/419.3
