Image mappée rollover script et mozilla Résolu/Fermé

Question

Bonjour à tous. 
Sans etre un vrai debutant en programmation et en HTML, ce n'est pas du totu ma spécialité. Je suis charger de faire un site pour lequel j'ai déja plutot bien avancer (vive le notepad). j'ai également repris des bout de code ci et la pour parvenir a obtenir ce que je cherchais pour l'accueil ( une fois passée la selection de la langue) : une image mappée, donc chaque zone renvoi vers une page diférente, avec un changement de la dite image au rollover et l'apparation d'un message specifique a la zone en question. 

le résultat actuel est visible à 
http://www.ateliers-dinand.com/fr 

seulement ca ne marche pas du tout avec Mozilla (en fait je pense meme que ca ne marche qu'avec IE et encore j'ai a chaque fois droit a la petite barre du haut qui me bloque le contenu). 

Mes questions sont donc : 
-Comment rendre mon code compatible avec tous les navigateurs (ou du moins les plus utilisés)? 
-Comment faire pour que IE ne bloque pas spontamnément le contenu ? 
-Vu qu'il s'agit dze mon premier site web professionnel, avez vous des remarques et/ou suggestion quand au site (à tout niveau) 

En vous remerciant d'avance 
SIkaar

Serge_La · Answer

Bonjour,
Je viens de voir. Il y a des erreurs javascript. Faut corriger les erreurs, ensuite ça ira mieux. C'est peut être le seul problème.

Regardes la "console javascript" de Mozilla

Ici, Firefox et IE6 m'envoient des erreurs. Firefox en envoi plus. Regardes:

Error: center is not defined
Source File: http://www.ateliers-dinand.com/fr/
Line: 30

Error: divStyle[i] has no properties
Source File: http://www.ateliers-dinand.com/fr/
Line: 43

Error: divStyle[i] has no properties
Source File: http://www.ateliers-dinand.com/fr/
Line: 47

Beau style, la page. L'image pourrait être de meilleure qualité jpg, par contre. 

Serge.

sikaar · Answer

Je vais voir ce que je peux faire, mais je n'y connais pas grand chose en java script ...

Pour ce qui est du message de blocage d'IE y a rien a faire je suppose ???

Merci d'avance

Gihef · Answer

Bonjour,

Le roll-over sur la map est intéressant.
On s'attend à trouver des couleurs (les odeurs font parfois penser à des couleurs), que tu reprendrais dans les flacons par exemple, dans les zones du dessin central.
Je ne collerais pas ce bloc tout en haut.
Je centrerais verticalement les liens dans la partie blanche sous le texte d'explication et je leur donnerais une autre apparence que celle par défaut.

IE n'aime peut-être pas le code que tu lui demandes d'interprêter ?
Essaye de faire un peu de ménage.

Chez moi, Firefox ne trouve rien à redire. Il est bien brave.
Mozilla, je ne suis pas sûr que beaucoup l'utilisent, réagit comme Firefox.
Par contre, Safari m'en envoie des tonnes.
Ton code souffre, à de nombreux endroits, de défauts qui se répètent :
  - en quelle langue s'exprime-t-on, quel encodge utiliser ?
  - deux <body> ouverts
  - des tas de balises qui ne sont pas refermées
  - des valeurs incorrectes
  - des balises inconnues
  - “font-family: Arial;” est un peu restreint
  - “font-size: 10pt;”, évite les “pt” choisis plutôt des “px, em,  %” qui sont plus adaptés à l'écran.
  - il manque un title à “Qui Sommes Nous”
  …
Un extrait qui indique ce que Safari doit faire pour s'adapter.
Je ne sais pas si c'est rédhibitoire, mais il est possible que ça fasse beaucoup.

Ensuite.
Un site “professionnel” s'y prendrait certainement autrement.
Il commencerait par définir un DOCTYPE. Puis il indiquerait des type pour ses style et ses script.
Tu mélanges (majuscules et minuscules) les styles en CSS dans les balises et de la mise en forme en HTML (qui se répètent).
Regroupe tout ça dans une vraie feuille de styles externe.
Ça devrait être assez simple puisque tous tes éléments ont des id.

JPom · Answer

Bonjour, 

De mon côté, même problème de blocage que Sikaar.

Un message d'erreur de blocage d'Active X vient systématiquement à l'affichage de ma page, du fait que j'utilises une 'map'.

Je sais que le blocage est en fonction du niveau de sécurité de l'explorateur mais comment faire si on veut que ce soit systématiquement affiché sans que l'utilisateur final ait à autoriser le contenu bloqué... D'autant que pour certains, ce n'est même pas demandé, et que le contenu est réellement bloqué, donc impossible de cliquer sur les images insérées dans la Map, et impossible de voir la suite du site...
Y a-t-il des entêtes à rajouter pour ne plus l'avoir ?

Je vais sortir le site, mais je suis très inquiète vis-à-vis de ces controles Active X bloqués à cause de ma map.

Comment faire ?

Une idée ?

Merci

JPom

Image mappée rollover script et mozilla

4 réponses

Discussions similaires