28173 sujets

CSS et mise en forme, CSS3

Bonjour a tous,

J'ai cherché un peu partout sans trouver de solution donc je me tourne vers vous :
Voila mon probleme :
Je travaille actuelement sur une page web. L'essentiel de la page est compris dans un DIV principal. Ce DIV contient une image qui tient le role de fond, ainsi qu'un certain nombre d'element graphique qui necessite d'etre callés au pixel pres sur l'image.
Tout fonctionnait parfaitement dans tous les navigateurs que j'ai pu tester, jusqu'au moment ou j'ai voulu ajouter une zone clickable a l'interieur de la page. J'ai donc créé une MAP que j'ai associé a l'image grace a USEMAP.

Resultat : dans IE et Firefox, l'image auquelle j'ai associé la map s'est legerement decallé (1px vers la droite et le bas a vue d'oeil). Dans Opera 9 c'est parfait rien n'a bougé.

c'est un peu comme si la map avait ajouté une bordure d'un pixel a l'image ...

Bref je ne sais pas quoi faire, a part bien sur utiliser un autre moyen pour obtenir la meme chose, mais j'aimerais bien quand meme comprendre le phenomene ...

Quelqu'un a une idée ?

Merci d'avance.
Modifié par Tieumitaz (06 Jul 2006 - 22:26)
Salut à toi et bienvenue parmi nous.
Un bout de code est toujours plus parlant et nous aide à te proposer des solutions... Cependant as-tu supprimé les marges qui sont données par défaut sur l'ensemble des balises qui te posent problème ?
Tout d'abord merci cktoon pour une reponse si rapide !

Sinon j'ai finalement reussi a resoudre mon probleme :
Je n'avais pas defini de valeur pour l'attribut "border" de mon image dans ma feuille de style. Hors il apparait que par defaut il est à "border: none", et que l'ajout d'une map par usemap le fasse passer à "border: 1px solid blue" (sauf bizarement dans opera).

L'ajout explicite de "border: none" dans ma feuille de style a donc resolu mon probleme.

Voila, et merci encore.