Voila le problème:
J'ai mis une image qui sert de lien. Jusque là rien d'étrange.
Mais le probleme c'est qu'une bande de la couleur du lien apparait en bas de l'image.
En fait la zone de lien depasse de l'image et c'est génant. (j'utilise firefox)
Voyez vous meme ici (j'ai mis l'image seule et pares l'image dans un lien)
Première chose : quand tu postes du code, utilise la balise [code] prévue à cet effet : bouton ..
Ensuite, pense toujours à aérer un minimum ton code, c'est toujours plus facile à lire, surtout pour toi.. Quelques espaces de séparation et des tabulations pour indiquer les arborescences au sein des groupes d'objets (exemple : l'objet "fils" en retrait par rapport à l'objet "parent", que ce soit dans les CSS comme dans le code (X)HTML ; si tu peux, évidemment )..
Et c'est inutile de redéfinir des règles qui, en CSS, sont héritables et héritées d'objet parent en objet enfant.. Ce n'est toutefois pas toujours vrai, selon les cas..
Apparemment, ton image n'est pas correctement définie : je ne vois pas la définition de ses dimensions dans ta CSS (les attributs de dimensions devienne inutiles dans le code HTML).. Sinon, il y a une erreur dans ta définition de bordure d'image : c'est 'border', et pas 'border-style'..
a:hover { color: #d7d7d7; } // ici, comme pour n'importe quel objet, la pseudo-classe de survol hérite normalement des propriétés de l'objet parent <a> (à vérifier tout de même)
img { border: none; width: 100px; height: 50px; } // j'ai ajouté des tailles totalement arbitraires, mais c'est pour l'exemple
Pour l'image, tu peux ajouter la règle 'display: block' dans le cas où ton image est "indépendante" dans la page.. Sinon, elle est considérée par défaut comme 'display: inline' (objet "en ligne", notamment lorsqu'on insère une image dans le texte d'un paragraphe)..
Sinon, si ça ne fonctionne pas, il faudra qu'en plus des règles CSS tu postes aussi l'extrait de code HTML concernant ton lien ..
Message édité par Johan_et_Pirlouit le 02-07-2006 à 19:58:34