FF fait un retour à la ligne si j'utilise des map

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
peshane

FF fait un retour à la ligne si j'utilise des map

Message par peshane »

d'abord bonjour :)
je n'suis pas du tout dévellopeur web, voilà pour la mise en garde
j'ai aussi tenter une recherche mais j'ai rien trouver de concluant :oops:
voici mon problème:
je tente de faire une fleche des temps avec des zones "interractive", comprendre quand le curseur s'affiche sur certaines portions de l'image une infobulle apparait. Le tout en html.

Mon code est ok avec le moteur d'ie ainsi qu'avec le moteur khtml mais pas avec gecko. Le problème étant que cette fleche se compose de plusieurs gifs affichés les uns apprès les autres mais qu'avec gecko, dès que j'emplois le couple map/area, ce dernier interprète en plus un retour à la ligne, ce qui fatalement, me casse ma belle fleche :D
Je me doute bien que mon code html ne doit pas etre super compliant (loin de là même) mais toujours est-il que j'arrive pas à trouver la solution à mon problème.

voici la portion de code en question:

Code : Tout sélectionner

<table height="169px" bgcolor="#b2cde8" align="center" width="814px" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td background="images/bordureGauche.gif" width="38px"></td>
    <td background="images/bordureFlecheGauche2.gif" width="12px"></td>
    <td align="center"><img src="images/fleche1.gif" class="flecheTemps" usemap="#fleche1"><map name="fleche1"><area shape="rect" coords="77,125,83,131" title="case1"></map><img src="images/fleche2.gif" class="flecheTemps" usemap="#fleche2"><map name="fleche2"><area shape="rect" coords="43,125,50,131" title="case2"></map><img src="images/fleche3.gif"><img src="images/fleche4.gif"><img src="images/fleche5.gif"></td>
    <td background="images/bordureFlecheDroite2.gif" width="12px"></td>
    <td background="images/bordureDroite.gif" width="39px"></td>
  </tr>
</table>
la class "flecheTemps" ayant juste pour role de ne pas afficher la bordure autour des gifs. Avec gecko, cet extrait de code m'affiche donc la premiere image (avec l'infobulle quand la souris est dans les bonnes coordonées), puis un retour à ligne,
la deuxieme image (toujours avec son infobulle), retour à la ligne,
et enfin les images 3, 4 et 5 bien collés entres elles.

Si l'un d'entre vous pouvez m'aidez à me dépatouiller parce que je sèche un peu. Quitte à me proposer une solution alternative me permettait d'avoir l'effet désiré, j'suis ouvert à toute solution du moment qu'elles me sont abordables.

Merci par avance pour votre aide 8-)

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8) Gecko/20051111 Firefox/1.5
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Mouarf, plein de tables illisibles :?
Tu n'aurais pas une démo du problème sur une page en ligne (complète), parce que juste un bout de code comme ça c'est pas évident à comprendre :?

Attention aussi à ne pas oublier les textes alternatifs (alt) de tes images :wink:
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

Il me semble (pas sur vu que je n'ai plus utilisé de map depuis au moins trois ans) qu'il n'est pas obligatoire que ta map soit située immédiatement derrière l'image qu'elle recouvre. Essaie de placer tes maps après toutes les images dans ton code.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2
peshane

Message par peshane »

rah punaise merci SB, en deplacant le tag map ailleur le retour à la ligne disparait :oops:
pour le alt, c'est vrai que j'devrais, surtout que j'suis toujours entrain de pester contre le respect des standards sur windows :twisted:
le site n'est pas online, et est destiné à un intranet (d'où seulement la portion de code car le reste est secret :D )c'est pour ça que j'm'embete pas trop, simplement que certains utilisateurs ont leur préférences ff/ie et que certains postes sont avec kde d'où l'intêret de faire un truc s'affichant, peu ou prou, de la meme façon sur les 3 types de moteurs.
Toujours à propos des standards par contre, je confirme qu'à chaque fois que j'ai butésur un problème de ce genre, c'était TOUJOURS parce que j'avais codé avec les pieds, ne respectant que mon intuition foireuse :)

En tout cas, merci pour votre aide :wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8) Gecko/20051111 Firefox/1.5
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité