balise area qui fonctionne sous IE et pas FF. - HTML/CSS - Programmation
Marsh Posté le 05-10-2006 à 14:25:27
déjà, t'as juste oublié de fermer la balise area.
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)
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
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 si tu utilisais la scrollbar horizontale de ton navigateur pour remarquer la présence du ">"
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 ?
Marsh Posté le 05-10-2006 à 15:49:17
j'aurais mis un background-color plutot que color, mais j'en sais rien
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.
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 ?
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.
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 ?
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"
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 |
mais je crois qu ie comprend pas
Marsh Posté le 05-10-2006 à 12:53:21
Voilà j'ai un bout de code défini ainsi :
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...