Forum Développeur - Administration serveur, programmation et base de données > menu en image map css avec changement d'état au survol

Version complète : menu en image map css avec changement d'état au survol

Forum Développeur - Administration serveur, programmation et base de données > Programmation > xHTML et CSS

Zzz

Mar 16 2005, 10:08 AM

J'essaie de faire un menu image en utilisant les image map en css.

Seulement j'ai un décalage dans mon roll over de 1 px vers la gauche et un pix vers le haut. Comment corriger ça?

Voilà l'extrait de code correspondant

CODE

#gauche {

margin-left : 6px;

width: 754px;

background-image : url(design/bgtopmen.jpg);

background-repeat: no-repeat;

}

#lien1 {

float: left;

width : 56px;

height: 22px;

margin-top: 150px;

}

#lien1:hover {

width : 56px;

height: 22px;

margin-top: 150px;

background : url( design/acc-ov.gif) top left no-repeat;

}

#lien2 {

float: left;

width : 83px;

height: 22px;

margin-top: 150px;

margin-left : 8px;

}

#lien2:hover {

width : 83px;

height: 22px;

margin-top: 150px;

margin-left : 8px;

background : url( design/pres-ov.gif) top left no-repeat;

}

Html

CODE

Autre problème. En dessous de ce menu j'ai une image qui doit être à gauche (avec une petite marge) dans le conteneur. Et au fur et à mesure que je met en place mes liens cette image se décale vers la droite.

Coment la remettre à gauche?
Modifié par Xadrez (15 Mar 2005 - 13:51)

Oliver

Mar 16 2005, 10:36 AM

Salut ! Euh, tes images utilisées pour le rollover ont bien EXACTEMENT les mêmes dimensions ?...

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.