Discussion :

[gailup]

Bonjour,

En fait dans mon bandeau, j'ai une banière qui fait tout le bandeau.
En bas de cette banière j'ai mis les différents domaines de mon site (un genre de menu). Est-il possible lorque l'on passe la souris au dessus d'un des domaines, celui-ci change de couleur (par exemple une autre image) mais que les autres domaines ne change pas.

Pour les liens de mes domaines, j'ai utilisé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<map name = ancre>
<area rect= coords="x1,y1,x2,y2" href="scr">
</map>

Merci d'avance.

Gailup.

[<romain/>]

il faut que tu utilise la pseudo class hover. Et le seul élément qui le gère sous internet explorer c'est <a>.

Donc tu peux créer des liens avec les texte que tu veux faire changer de couleur et les placer par dessus ton bandeau...

[1tsiMat]

Ou bien en utilisant les fonctions Javascript OnMouseOver et OnMouseOut

[Auteur]

bonjour,

Est-il possible lorque l'on passe la souris au dessus d'un des domaines, celui-ci change de couleur (par exemple une autre image) mais que les autres domaines ne change pas.
Pour les liens de mes domaines, j'ai utilisé :
Code :

<map name = ancre> <area rect= coords="x1,y1,x2,y2" href="scr"> </map>

ton code m'intrigue : as-tu utilisé 1 image pour la totalité de ton menu ou plusieurs images (une par lien) ?

Peux-tu nous montrer le code de ton menu ?

[gailup]

Bonjour,

j'ai utilisé une seul image pour le tout.
Et après je sépare les liens par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<map name = ancre><area rect= coords="x1,y1,x2,y2" href="scr"></map>
<map name = ancre><area rect= coords="x1,y1,x2,y2" href="scr"></map>
<map name = ancre><area rect= coords="x1,y1,x2,y2" href="scr"></map>
<map name = ancre><area rect= coords="x1,y1,x2,y2" href="scr"></map>
etc ...

Est-ce possible avec une seul image ou bien je doit créer plusieurs images.

Merci d'avance.

Gailup.

[<romain/>]

Alors vraiment je te conseille d'ecrire les liens par dessus l'image...

Déja ca te fera gagner bcp de temps si tu veux en enlever ou en rajouter un, et en plus niveau accessibilité c'est un peu mieux il me semble (enfin ca je suis pas sur sur si tu as bien remplie les alt et title de la balise img...)

Et puis pour faire des lien il est tellement plus logique d'utiliser la balise faites pour ca


ps: sinon je ne pense pas que ce soit possible comme tu veux faire. En fait tu veux superposer une partie d'une image seulement sur une autre?


romain

[gailup]

merci.

Et pour mon site j'utilise le css.

mais quand je met dans mon cadre ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
div#mapage{
  width : 500px ;
  height : 250px ;
  float : left ;
  background-image : baniere.jpg ;
}

Mais mon image de fond ne s'arffiche pas

[<romain/>]

c'est normal

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
background-image:url(chemin de l'image);

romain

[gailup]

ok merci ca marche.