Problème avec MAP/AREA ou bug ? - HTML/CSS - Programmation
Marsh Posté le 12-04-2007 à 16:18:43
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
Marsh Posté le 12-04-2007 à 16:22:30
commence déjà par fermer tes balises d'images : <img src="monimage.jpg" alt="" />
Marsh Posté le 12-04-2007 à 16:27:00
ok oublie ce que je t'ai dit, je pensais que le lien amenait à ton site.
Marsh Posté le 13-04-2007 à 08:52:53
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 !
Marsh Posté le 13-04-2007 à 13:39:40
josiasseb a écrit : 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. |
j'te l'fais pas dire !
Marsh Posté le 12-04-2007 à 10:41:36
Bonjour,
Je test 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 tag 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.
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