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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  balise area qui fonctionne sous IE et pas FF.

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

balise area qui fonctionne sous IE et pas FF.

n°1452727
The Flint
Will for ever
Posté le 05-10-2006 à 12:53:21  profilanswer
 

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...
 
 

mood
Publicité
Posté le 05-10-2006 à 12:53:21  profilanswer
 

n°1452792
brisssou
8-/
Posté le 05-10-2006 à 14:25:27  profilanswer
 

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
n°1452796
brisssou
8-/
Posté le 05-10-2006 à 14:26:43  profilanswer
 

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
n°1452800
ZeBix
edit &gt; preview
Posté le 05-10-2006 à 14:29:31  profilanswer
 

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
n°1452810
brisssou
8-/
Posté le 05-10-2006 à 14:42:20  profilanswer
 

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
n°1452823
anapajari
s/travail/glanding on hfr/gs;
Posté le 05-10-2006 à 14:54:09  profilanswer
 

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]

n°1452826
brisssou
8-/
Posté le 05-10-2006 à 14:57:10  profilanswer
 

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
n°1452835
The Flint
Will for ever
Posté le 05-10-2006 à 15:14:29  profilanswer
 

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
n°1452853
anapajari
s/travail/glanding on hfr/gs;
Posté le 05-10-2006 à 15:49:17  profilanswer
 

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

n°1452860
The Flint
Will for ever
Posté le 05-10-2006 à 16:03:14  profilanswer
 

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

mood
Publicité
Posté le 05-10-2006 à 16:03:14  profilanswer
 

n°1453343
The Flint
Will for ever
Posté le 06-10-2006 à 13:20:44  profilanswer
 

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

n°1453348
brisssou
8-/
Posté le 06-10-2006 à 13:35:28  profilanswer
 

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
n°1453463
MagicBuzz
Posté le 06-10-2006 à 16:12:51  profilanswer
 

à 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.

n°1453539
The Flint
Will for ever
Posté le 06-10-2006 à 17:05:30  profilanswer
 

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 ?
 
 

n°1453559
MagicBuzz
Posté le 06-10-2006 à 17:18:38  profilanswer
 

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

n°1453597
mIRROR
Chevreuillobolchévik
Posté le 06-10-2006 à 18:07:46  profilanswer
 

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:


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

  balise area qui fonctionne sous IE et pas FF.

 

Sujets relatifs
Problème Java+ I.E. mais sous firefox ca fonctionneNumérique dans Balise <INPUT TYPE='TEXT'> + PHP
[HTML - CSS] Problème avec la balise <a>href="#">blabla</a>pb jsp (balise struts)
pourquoi IE fait un décolage de dingue, alors que FF fonctionne bien ?[wsh]WMI et methode qui ne fonctionne pas
connexion qui fonctionne chez moi mais pas sur un autre pc !!!!!fichier bat ne fonctionne pas dans les taches planifiées de Windows
Balise HTML correpondant à un panelCSS ne fonctionne pas sous firefox??
Plus de sujets relatifs à : balise area qui fonctionne sous IE et pas FF.


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