balise area qui fonctionne sous IE et pas FF.

balise area qui fonctionne sous IE et pas FF. - HTML/CSS - Programmation

Marsh Posté le 05-10-2006 à 12:53:21    

Voilà j'ai un bout de code défini ainsi :
 

Code :
  1. <map id="myMap">
  2.         <area shape="CIRCLE" coords="50,50,20"  href="index2.htm" onmouseover="javascript:callFuncOver('myPane')"     onmouseout="javascript:callFuncOut('myPane')">
  3. </map>
  4. <img class="gauche" border="1" src="myImage.gif" usemap="#myMap">


Ce qui correspond en gros a avoir défini une zone circulaire dans MyImage, on est d'accord ?
 
j'ai plusieurs problemes :
 
D'abord sous FF, la zone circulaire définie dans la balise AREA ne fonctionne pas, je peux cliquer dessus autant que je veux, rien ne se passe. Sous IE par contre, ça marche bien.
Ensuite j'aurai aimé que cette zone circulaire soit d'une certaine couleur, en ajoutant par exemple dans la balise area :
style="COLOR: red"
Bon, ça ne fonctionne aps du tout, peut être qu'on ne peut pas définir de style pour la balise area, pourtant sur w3schools, cela semble être possible. Je me dit que mno area est peut être planqué sous l'image, mais à quoi bon dans ce cas...
 
 

Reply

Marsh Posté le 05-10-2006 à 12:53:21   

Reply

Marsh Posté le 05-10-2006 à 14:25:27    

déjà, t'as juste oublié de fermer la balise area.

Message cité 1 fois
Message édité par brisssou le 05-10-2006 à 14:25:40

---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 05-10-2006 à 14:26:43    

et puis, dans le doute, mets <map id="myMap" name="myMap">


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 05-10-2006 à 14:29:31    

Si j'en crois les recommandations W3C, l'attribut "name" est obligatoire pour les image maps.
 
corrige donc : <map id="myMap" name="myMap">
 
Encore une fois, IE montre ses faiblesses en interprétant à sa manière ce qu'il juge bon, alors que FF respecte les standard W3C.
 
Quant à la couleur pour l'area sorry je trouve pas
 
*edit* :  
 
@brissou : la balise area ne PEUT pas être fermée visiblement :  

Citation :

Start tag: required, End tag: forbidden


(source : cf. lien au début de ce message)


Message édité par ZeBix le 05-10-2006 à 14:32:17
Reply

Marsh Posté le 05-10-2006 à 14:42:20    

alors, pas la fermer au sens xml; c'est une chose, de là à ne pas mettre '>' c'est quand même pousser le bouchon un peu loin Maurice.
 
et pis y a 3 's' à brisssou :o
 
 
 
 
[:cupra]


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 05-10-2006 à 14:54:09    

brisssou a écrit :

alors, pas la fermer au sens xml; c'est une chose, de là à ne pas mettre '>' c'est quand même pousser le bouchon un peu loin Maurice.
et pis y a 3 's' à brisssou :o
[:cupra]


Et si tu utilisais la scrollbar horizontale de ton navigateur pour remarquer la présence du ">" [:dawa]

Reply

Marsh Posté le 05-10-2006 à 14:57:10    

un point pour toi, j'avais pas vu que le block de code continuait...
 
 
chui déjà loin ->[]


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 05-10-2006 à 15:14:29    

brisssou a écrit :

déjà, t'as juste oublié de fermer la balise area.


 
 
non, j'ai juste fait un copier/coller foireux...
Bon avec name ça marche beaucoup mieux déjà.
 
Et pour la couleur, personne ?


Message édité par The Flint le 05-10-2006 à 15:16:43
Reply

Marsh Posté le 05-10-2006 à 15:49:17    

j'aurais mis un background-color plutot que color, mais j'en sais rien [:dawa]

Reply

Marsh Posté le 05-10-2006 à 16:03:14    

Non j'avais essayé aussi.
Si au moins elle pouvait avoir un border ou quelque chose.

Reply

Marsh Posté le 05-10-2006 à 16:03:14   

Reply

Marsh Posté le 06-10-2006 à 13:20:44    

Bon apparement ce n'est pas possible de rendre visible une area.
Quelqu'un aurait il une idée pour palier à ce problème ?

Reply

Marsh Posté le 06-10-2006 à 13:35:28    

tu fais plusieurs images, et tu mets un onmouseover et un onmouseout qui te modifient l'image affichée.
Oui, c'est lourd.


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 06-10-2006 à 16:12:51    

à la place, je ferais une image de même taille, en gif transparent, avec juste le rond dessiné.
tu la fous dans un div invisible aux mêmes coordonnées que ton image. et onmouseover sur le textarea, tu l'affiches et onmouseout, tu le cache.

Reply

Marsh Posté le 06-10-2006 à 17:05:30    

Bon le pire de tout c'est que j'ai besoin de plusieurs ronds ^^.
J'imagine qu'en fait je vais juste dessiner les ronds directement sur l'image avec les bonnes coordonées et puis c'est tout.
j'aurai bien aimé que les ronds changent de tete onmouseout, mais ça se complique.
Une question quand même, est il possible de simplement placer une image par dessus une autre en donnant ses coordonées relatives par rapport à l'image du dessous ?
Vous me suivez ?
 
 

Reply

Marsh Posté le 06-10-2006 à 17:18:38    

oui, tu la déclare juste après la précédente, en "position: relative;top: 0; left: 0"

Reply

Marsh Posté le 06-10-2006 à 18:07:46    

j avais vu un truc comme ca une fois je sais pas si la propriété outline pourrait aider

Citation :

Parfois, les auteurs de feuilles de style peuvent souhaiter créer des contours autour d'objets visuels, comme les boutons, les champs actifs des formulaires, les images découpées
 
http://www.w3.org/TR/CSS2/ui.html#dynamic-outlines


 
mais je crois qu ie comprend pas  :sweat:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed