Mon site dans firefox

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 !
yann123
Arias
Messages : 1
Inscription : 09 nov. 2005, 21:21

Mon site dans firefox

Message par yann123 »

Bonjour,

Mon site web ne s'affiche pas correctement dans firefox et je n'ai pas trouvé pourquoi, si quelqu'un peu m'aider?

Exemple: si vous regarder la page ci-dessous dans IE et Firefox la zone du haut appelé "promotions en cours" est décalée dans firefox mais bien affichée dans IE. je ne vois pas pourquoi, il y a cette différences

http://www.acheter-sur-internet.net/Ali ... rches.html

Merci
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

Parce que ton document HTML est mal formé, les balises d'éléments de liste (LI) sont fermés automatiquement lorsque leurs balises parentes (B et FONT) le sont également, soit avant le texte qui est censé être contenu dedans.

Code : Tout sélectionner

<B><FONT COLOR="#0000FF" SIZE="-1" FACE="Tahoma,Verdana,Arial,Helvetica">
<LI></FONT></B><A HREF="http://www.cibleclick.com/cibles/clicks/symp.cfm?site_id=806321346&friend_id=440146356&banniere_id=26388"><B><FONT COLOR="#0000FF" SIZE="-1" FACE="Tahoma,Verdana,Arial,Helvetica">Telemarket:</FONT><FONT COLOR="#003333" SIZE="-1" FACE="Tahoma,Verdana,Arial,Helvetica"></FONT></B><FONT COLOR="#003333" SIZE="-1" FACE="Tahoma,Verdana,Arial,Helvetica"> 15 euros offert sur votre premiére commande. (jusqu’au 30/03/06)</FONT></A></LI>
Tu peux le voir facilement en comparant le code source de la page, et le code source tel qu'interprété par Firefox (sélectionne quelques éléments de la liste et choisis "Code source de la sélection" dans le menu contextuel).

Code : Tout sélectionner

<b><font color="#0000ff" face="Tahoma,Verdana,Arial,Helvetica" size="-1">
<li></li></font></b><a href="http://www.cibleclick.com/cibles/clicks/symp.cfm?site_id=806321346&friend_id=440146356&banniere_id=26388"><b><font color="#0000ff" face="Tahoma,Verdana,Arial,Helvetica" size="-1">Telemarket:</font><font color="#003333" face="Tahoma,Verdana,Arial,Helvetica" size="-1"></font></b><font color="#003333" face="Tahoma,Verdana,Arial,Helvetica" size="-1"> 15 euros offert sur votre premiére commande. (jusqu’au 30/03/06)</font></a>
Vois comme la balise LI se retrouve fermée prématurément et vide de tout contenu.

Bien évidemment, tout ce code généré par ton éditeur de pages Web ne sert à rien, il suffirait en fait d'écrire :

Code : Tout sélectionner

<li><a href="http://www.cibleclick.com/cibles/clicks/symp.cfm?site_id=806321346&friend_id=440146356&banniere_id=26388"><strong>Telemarket :</strong> 15 euros offert sur votre premiére commande. (jusqu’au 30/03/06)</a></li>
Et d'éventuellement ajouter les styles CSS correspondants pour colorier les éléments "strong" en bleu.

En résumé, le code utilisé n'est pas propre du tout et ne sera interprété de la même façon par aucun navigateur. Tu devrais soit apprendre à réaliser toi-même tes documents HTML, soit utiliser un éditeur visuel plus efficace. Par exemple on pourrait te recommander Nvu puisqu'on est sur Geckozone, mais il y en a d'autres, comme les dernières versions de Dreamweaver.
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪
Répondre

Qui est en ligne ?

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