balises html map et area, problème avec Firefox

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
mariobello
Arias
Messages : 1
Inscription : 30 mai 2014, 14:09

balises html map et area, problème avec Firefox

Message par mariobello »

Bonjour,

Je crée un site web en amateur avec Wordpress.
Avec le plugin Map Hilight pour Wordpress, je réalise une map avec des zones cliquables.
J'ai relevé les coordonnées x,y des contours de chaque zone cliquables pour les inclure dans les balises <area shape="poly" coords="coordonnées x,y" href="#" title="titre" alt="nom">

Au delà d'un certain nombre de coordonnées x,y le navigateur Firefox n'affiche pas la zone cliquable au passage de la souris alors que les autres navigateurs, IE ou Chrome ne pose pas de problèmes.

Voir le défaut uniquement avec Firefox sur la zone de la région "Bragança" située en haut à droite de la carte, cette zone contrairement à ses voisine n'est pas cliquable, lien vers ma page web de test ci dessous :
http://maison-portugal.frenchosting.fr/test/


Voici ci dessous le code html de la zone pour la balise <area> pour la région de Bragança qui n'est pas cliquable avec Firefox :

Code : Tout sélectionner

<area shape="poly" coords="247,22, 252,22, 255,25, 256,25, 257,26, 258,26, 259,27, 261,27, 262,26, 264,26, 265,25, 268,25, 269,26, 270,26, 271,27, 272,27, 273,28, 279,28, 280,27, 281,27, 282,26, 283,26, 284,25, 285,24, 286,23, 287,23, 288,24, 291,27, 292,27, 293,28, 300,28, 301,27, 304,27, 305,26, 307,26, 308,25, 309,26, 309,35, 310,36, 310,37, 312,39, 312,42, 311,43, 311,44, 310,45, 310,47, 309,48, 309,60, 310,61, 310,62, 311,62, 312,63, 332,63, 333,64, 335,64, 336,65, 337,65, 339,67, 339,68, 340,69, 340,70, 341,70, 346,75, 346,76, 342,80, 342,81, 339,84, 339,85, 337,87, 337,88, 336,89, 336,90, 335,91, 335,94, 334,95, 334,97, 331,100, 327,100, 326,101, 326,102, 325,103, 325,104, 324,105, 324,106, 314,116, 313,116, 312,117, 311,117, 310,118, 309,118, 308,119, 305,119, 304,120, 301,120, 300,121, 299,121, 295,125, 295,126, 289,132, 289,133, 289,134, 288,135, 287,136, 287,137, 286,138, 286,143, 281,148, 261,148, 258,145, 257,144, 257,143, 256,142, 256,141, 256,140, 255,138, 254,137, 254,136, 253,135, 253,134, 252,133, 252,132, 250,130, 249,130, 246,133, 246,134, 245,135, 232,135, 221,125, 221,124, 223,122, 223,121, 224,120, 224,119, 225,118, 225,116, 226,115, 226,113, 227,112, 227,109, 228,108, 228,98, 229,97, 229,94, 230,93, 230,92, 231,91, 231,90, 234,87, 234,86, 236,84, 236,83, 237,82, 237,80, 238,79, 238,77, 239,76, 239,74, 240,73, 240,70, 241,69, 241,67, 242,66, 242,63, 243,62, 243,59, 244,58, 244,54, 245,53, 245,48, 246,47, 246,43, 245,42, 245,33, 246,32, 246,23, 247,22, 252,22, 255,25, 256,25, 257,26, 258,26, 259,27, 261,27, 262,26, 264,26, 265,25, 268,25, 269,26, 270,26, 271,27, 272,27, 273,28, 279,28, 280,27, 281,27, 282,26, 283,26, 284,25, 285,24, 286,23, 287,23, 288,24, 291,27, 292,27, 293,28, 300,28, 301,27, 304,27, 305,26, 307,26, 308,25, 309,26, 309,35, 310,36, 310,37, 312,39, 312,42, 311,43, 311,44, 310,45, 310,47, 309,48, 309,60, 310,61, 310,62, 311,62, 312,63, 332,63, 333,64, 335,64, 336,65, 337,65, 339,67, 339,68, 340,69, 340,70, 341,70, 346,75, 346,76, 342,80, 342,81, 339,84, 339,85, 337,87, 337,88, 336,89, 336,90, 335,91, 335,94, 334,95, 334,97, 331,100, 327,100, 326,101, 326,102, 325,103, 325,104, 324,105, 324,106, 314,116, 313,116, 312,117, 311,117, 310,118, 309,118, 308,119, 305,119, 304,120, 301,120, 300,121, 299,121, 295,125, 295,126, 289,132, 289,133, 289,134, 288,135, 287,136, 287,137, 286,138, 286,143, 281,148, 261,148, 258,145, 257,144, 257,143, 256,142, 256,141, 256,140, 255,138, 254,137, 254,136, 253,135, 253,134, 252,133, 252,132, 250,130, 249,130, 246,133, 246,134, 245,135, 232,135, 221,125, 221,124, 223,122, 223,121, 224,120, 224,119, 225,118, 225,116, 226,115, 226,113, 227,112, 227,109, 228,108, 228,98, 229,97, 229,94, 230,93, 230,92, 231,91, 231,90, 234,87, 234,86, 236,84, 236,83, 237,82, 237,80, 238,79, 238,77, 239,76, 239,74, 240,73, 240,70, 241,69, 241,67, 242,66, 242,63, 243,62, 243,59, 244,58, 244,54, 245,53, 245,48, 246,47, 246,43, 245,42, 245,33, 246,32, 246,23" href="http://maison-portugal.frenchosting.fr/sites-touristiques-braganca/" title="Bragança" alt="Bragança">
Ci dessous le même code pour la zone de la région Vila Real qui lui fonctionne bien car il y a moins de coordonnées x,y :

Code : Tout sélectionner

<area shape="poly" coords="172,31, 173,32, 173,38, 174,39, 175,39, 176,38, 177,38, 178,37, 179,37, 180,36, 181,36, 182,35, 183,35, 184,34, 185,34, 186,33, 196,33, 197,34, 198,34, 201,37, 201,41, 203,43, 206,43, 207,42, 208,42, 209,41, 210,41, 211,40, 214,37, 217,40, 217,41, 218,42, 218,43, 219,44, 220,45, 223,45, 228,40,  236,40, 237,39, 240,39, 241,38, 243,38, 244,39, 244,51, 243,52, 243,56, 242,57, 242,60, 241,61, 241,64, 240,65, 240,68, 239,69, 239,71, 238,72, 238,74, 237,75, 237,77, 236,78, 236,80, 235,81, 235,82, 234,83, 234,84, 231,87, 231,88, 229,90, 229,91, 228,92, 228,94, 227,95, 227,105, 226,106, 226,110, 225,111, 225,113, 224,114, 224,116, 223,117, 223,119, 221,121, 221,122, 220,123, 219,123, 219,125, 218,126, 217,126, 216,127, 215,127, 214,128, 211,128, 210,129, 206,129, 205,130, 190,130, 189,131, 185,131, 184,132, 180,132, 179,133, 176,133, 175,134, 173,134, 172,133, 173,132, 173,121, 172,120, 172,117, 171,116, 171,115, 170,114, 170,113, 169,112, 169,111, 168,110, 168,109, 165,106, 165,98, 166,97, 166,96, 168,94, 168,93, 170,91, 170,90, 172,88, 172,87, 174,85, 174,84, 176,82, 176,81, 179,78, 179,74, 178,73, 173,73, 172,74, 171,74, 170,75, 169,74, 168,74, 167,73, 166,73, 162,69, 162,68, 161,67, 161,65, 160,64, 160,62, 159,61, 159,59, 158,58, 157,58, 156,59, 152,59, 151,58, 151,56, 152,55, 152,54, 153,53, 153,52, 154,51, 154,50, 155,49, 155,48, 156,47, 158,45, 158,44, 160,42, 160,41, 162,39, 163,39, 165,37, 166,37, 167,36, 169,36, 170,35, 170,33, 171,32" href="http://maison-portugal.frenchosting.fr/sites-touristiques-vila-real/" title="Vila Real" alt="Vila Real">
Que faire pour résoudre ce problème avec Firefox, merci pour votre assistance éventuelle.

Mariobello.
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/35.0.1916.114 Safari/537.36
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 9 invités