Discussion :

[damjal]

Bonjour,

La page est valide pour css et html, mais rien ne va sous Firefox !, par contre c'est tout bon sous IE.
Si je retire le Doctype, evidemment, ça fonctionne alors aussi sous Firefox.

je ne comprend pas, tous mes padding sont pourtant à 0, je ne me sert que des margin...
Je ne vois vraiment pas où est le problème.. une erreur de syntaxe aurais dû être détecté par les valideurs html, non ?
Voici le lien :

http://www.photographiste.net/dcidtest/

Merci d'avance pour votre aide.

[Bisûnûrs]

Chez moi c'est exactement identique sur Firefox et IE.

[trotters213]

Si tu n'as pas de DOCTYPE ta page n'est pas valide ,ni HTML ni XHTML

[damjal]

Oh, zut, désolé, j'avais mis en commentaire le doctype pour les tests !!!

Voila je l'ai remis, et maintenant, ça ne va plus sous firefox !!

Désolé pour le contretemps...

http://www.photographiste.net/dcidtest/

[trotters213]

Je ne vois absolument pas de différence entre IE et FF hormais la barre rose lors du chargement qui apparait sou IE et pas FF mais bon c'est pas primordial qu'en même..

[damjal]

tu as cliqué sur la pellicule "entrez" ?

[trotters213]

je sais aps si ça vient de là (je ne pense pas mais bon) tu fais 2 fois appel à extras-array.js :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
...<script type='text/javascript' src='./js/extras-array.js'></script>
<script type='text/javascript' src="./js/eventrouter.js"></script>
<script type='text/javascript' src='./js/extras-array.js'></script>...

.

PS : plutôt que de faire ça :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="b_vert_g_menu">
  <img id="archi_pat" class="photoMenu" src="./img/menu_140/archi_pat.gif" alt="Architecture patrimoine" />
  <img id="pays_nat" class="photoMenu" src="./img/menu_140/pays_nat.gif" alt="Paysage Nature" />
...	
</div>

fais ça :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="b_vert_g_menu">
  <img id="archi_pat" src="./img/menu_140/archi_pat.gif" alt="Architecture patrimoine" />
  <img id="pays_nat" src="./img/menu_140/pays_nat.gif" alt="Paysage Nature" />
...	
</div>

et dans ton CSS tu fais

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

#b_vert_g_menu img {...}

au lieu de

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

.photoMenu {...}

[damjal]

bé non, ça ne venait pas du double appel du fichier js...

Merci pour le racourci css, en effet c'est mieux !

T'aurais pas une aure idée ?

ha mais firefox me renvoit des erreurs... je vais regarder...

[damjal]

j'ai deux erreurs qui se répétent autend de fois qu'il y a de photos :

Erreur d'analyse de la valeur pour la propriété "top". Déclaration abandonnée
fichier source : index.php
ligne : 0

puis la même chose pour "left"

Doit y avoir quelque chose qu'il aime pas...

[MasterOfChakhaL]

pour pouvoir utiliser top et left sur un élément, il faut que celui-ci soit un block et soit positionné (position:relative ou absolute)

pour les img, un petit display:block; ne ferait pas de mal...

Pense à positionner le parent aussi pour que l'origine des coordonnées de tes images( si tu les mets en absolute ) soit le parent et non la fenêtre du navigateur.
Si tu ne veux pas modifier l'emplacement du parent, un simple position:relative (sans définir de coordonnées) suffira a le qualifier comme étant positionné sans modifier son emplacement.