Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1322 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  MAP et CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

MAP et CSS

n°1282711
hlelong
Posté le 13-01-2006 à 10:36:31  profilanswer
 

Je suis en train de créer un site en XHTML strict (1.0).
 
je me bats avec l'instruction MAP, car j'aimerais bien que chaque zone mappée s'affiche avec un background quand la souris passe dessus.
Je sais bien que les designers modernes disent que l'instruction MAP ne devrait pas être employée. Mais là il s'agit d'afficher un plan d'un jardin, et de faire un lien sur de nombreuses formes totalement irrégulières correspondant aux plate bandes.
 
 
 

Code :
  1. <p>
  2.   <map id="FPMap0" name="FPMap0">
  3.     <area alt="e" title="rr" href="chevaux.html" shape="poly" coords="6, 279, 52, 297, 39, 380, 19, 371" />
  4. ...
  5.   <img alt="plan" title="plan du jardin" usemap="#FPMap0" src="images/plan-du-jardin.jpg"  width="600" height="500" /><br />plan complet du jardin
  6. </p>


 
dans le CSS je mets  
 

Code :
  1. area:hover {  background-color: #FFCC33 ;}


 
ça ne marche pas. J'ai essayé plein de combinaisons, quedalle.
bon, peut-ête que ce n'est pas possible et qu'il va falloir imaginer autre chose ?  
 
j'ai trouvé ça : http://www.alistapart.com/articles/imagemap/
mais pour des formes très irrégulières, je sens comme une énorme galère  pour calculer les positionnements !
 
merci de toute idée qui m'aiderait.  

mood
Publicité
Posté le 13-01-2006 à 10:36:31  profilanswer
 

n°1282754
Kuzco95
Posté le 13-01-2006 à 11:04:26  profilanswer
 

Mouais, pas top les maps... surtout si tu fais du xHtml.
A vrai dire je m'en sers jamais mais c'est possible que le hover ne marche pas sur une area, et ca risque de dependre du navigateur aussi.
 
Pour commencer, tu as essaye sans le hover dans ta css, voir si ca faisait quelque chose?? :
 
area {  background-color: #FFCC33 ;}  
 
( pour la couleur, tu peux l'ecrire #FC3 ;) )

n°1283531
ailees
Posté le 14-01-2006 à 11:38:38  profilanswer
 

je viens d'essayer (pseudo chez moi, l'autre c au boulot), t'as raison, ça ne change rigoureusement rien, donc c'st pas la peine que je cherche.
 
Quand au fait que c'est pas top, je sais, mais comment gérer une carte avec des zones irrégulières autrement ? c'est comme une carte de France avec les départements ! je ne vois pas d'autre solution.

n°1309710
Noisequik
Posté le 20-02-2006 à 15:39:09  profilanswer
 

j'ai le même problème, si qqn a trouvé une solution ???

n°1310314
Ubik Liryc
Posté le 21-02-2006 à 10:33:58  profilanswer
 

Tu n'arriveras à rien avec les maps.
Il faut penser le problème autrement et regarder du côté des listes.
Regarde : http://pompage.net/pompe/sprites/ et notament leur exemple finale (http://pompage.net/IMG/html/sprites/ala-blobs2.html)
 
Vois aussi les 4 deniers exemples en bas de page : http://css.alsacreations.com/Galeries-de-menus-en-CSS

n°1310315
Noisequik
Posté le 21-02-2006 à 10:35:40  profilanswer
 

oui je connais bien ces exemples mais ils sont limités à des zones carrés... Mais bon, vu qu'il n'existe pas en CSS de display supérieurs à un quadrilatère, c'est mal barré...

n°1486214
Ben-o
Posté le 04-12-2006 à 17:06:00  profilanswer
 

Je me permets de relancer ce sujet au cas où qq1 connaitrait une solution alternative aux MAP.

n°1486240
gebruik
Posté le 04-12-2006 à 17:24:38  profilanswer
 

Un masque avec une transparence en lieu et place de ta découpe.

n°1486244
FlorentG
Unité de Masse
Posté le 04-12-2006 à 17:27:08  profilanswer
 

Nan mais on peut très bien utiliser les map, hein [:petrus75]


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  MAP et CSS

 

Sujets relatifs
[CSS/JS] comment modifier tuto galerie photo sur alsacreations ?Du flash dans mon code CSS
[CSS] Largeur minimale sous IEPb affichage 2 DIV un à coté de l'autre. Les CSS c'est chiant :D
[CSS] un degradé de couleur ![CSS] impossible de changer la couleur du fond sous FF (IE ok) RESOLU
Probleme affichage liens CSS...CSS - problemes de listes imbriquées
Lotus Notes et les CSSProblème map area et css
Plus de sujets relatifs à : MAP et CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR