Problème avec MAP/AREA ou bug ?

[josiasseb]

Bonjour,

Je teste un service web sous différents OS et navigateurs et c'est souvent Opera qui pose des problèmes mais qui permet aussi de révéler ceux-ci pour les autres navigateurs.

J'ai des images avec plusieurs tags AREA mappés sur l'une d'entre elle. Tout va bien sauf sous Opera où systématiquement la dernière ainsi qu'un bout de l'avant-dernière area ne sont pas clickables. Et ça le fait sous Opera 9.1 et 9.2 sous Linux, Mac et Windows !

Le code est bon d'après W3C/tidy.

Voici un moyen de tester ça:

http://myhits.isb-sib.ch/ puis sélection de Hub puis de MSA hub

Bouton examples : Multiple fasta format

Puis send to... to PSI-blast search (fast)

Dans paramètres, Database of sequences choisissez Swiss-Prot et cliquer sur Search.

L'image avec les map/area est générée au bout de quelques instants dans le paragraphe summary à matches map.

Où est le problème d'après vous ?

Voici mon code:

<IMG SRC='143311.png' WIDTH='549' HEIGHT='174' BORDER='0' alt='match map segment' /><BR/>
<IMG SRC='143312.png' WIDTH='549' HEIGHT='1' BORDER='0' alt='match map segment' /><BR/>
<IMG SRC='143313.png' WIDTH='549' HEIGHT='36' BORDER='0' alt='match map segment' USEMAP='#IMG143313' /><BR/>
<MAP ID='IMG143313' NAME='IMG143313'>
<AREA shape="rect" coords="0,0,543,8" href="#EphA1.AA/1-984" alt="#EphA1.AA/1-984" />
<AREA shape="rect" coords="0,9,548,17" href="#EphA2.AA/1-976" alt="#EphA2.AA/1-976" />
<AREA shape="rect" coords="0,18,548,26" href="#EphA10.AA/1-1009" alt="#EphA10.AA/1-1009" />
<AREA shape="rect" coords="3,27,548,35" href="#sw:EPHA3_HUMAN/1-983" alt="#sw:EPHA3_HUMAN/1-983" />
</MAP>
<IMG SRC='143314.png' WIDTH='549' HEIGHT='1' BORDER='0' alt='match map segment' /><BR/>

Merci

[Sarc]

Bonjour,

Il y a des problèmes de validation, c'est bizarre que W3C ne te l'ait pas dit... Mais s'il ne l'a pas dit, à mon avis, c'est en partie à cause de l'absence de doctype sur la page. Ca peut poser de sérieux problèmes d'affichage.

De plus, tu as des <p> imbriqués dans des <span>, ce qui est strictement interdit.

Voilà déjà essaye de voir ces deux problèmes, je suis pas sûr que ça règle quoi que ce soit, mais on travaille déjà sur des bases plus solides.

[josiasseb]

La page de test que j'ai indiqué est sur le serveur en production qui comporte encore bon nombre d'erreurs du point de vue HTML.

Pour mon problème, j'ai une page avec DOCTYPE ... tout comme il faut mais elle est derrière un parefeu est n'est pas visible depuis l'extérieur du campus.

Le check W3C m'indique juste une erreur mais pas à cet endroit et au sujet d'un caractère à éviter dans un attribut ID.

Je peux coller la vraie page complète ici mais ça risque de faire un peu gros !

[Sarc]

Euh, d'après mes souvenirs il y avait un paragraphe <p> juste derrière l'image mappée. Il faudrait essayer d'enlever ce paragraphe pour voir si ça bugue toujours. En fait, les bugs sur les régions des images proviennent souvent d'une superposition malheureuse. Parfois c'est une bannière de publicité qui empêche des menus déroulants de fonctionner convenablement, et parfois c'est juste un autre élément de la page qui se superpose.

Sous Opera je n'ai que peu d'outils pour tester le HTML, par rapport à Firefox, mais sous Firefox y'a aucun souci... Et le paragraphe en dessous ne se superpose pas avec l'image sous Firefox. Mais va savoir avec Opera... Essaye donc de ne rien mettre juste après pour voir si ça améliore la chose.