Soucis d'affichage de la page accueil
Résolu
patocs
Messages postés
20
Date d'inscription
Statut
Membre
Dernière intervention
-
patocs Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
patocs Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
Je gère le site de mon club de billard Français, qui me pose un problème d'affichage avec IE9 (ou autres versions).
les membres qui utilisent IE se plaignent à juste titre de ce phénomène, et je ne sais l'expliquer.
en effet,les utilisateurs de Chrome n'ont aucun soucis d'affichage avec.
je n'ai pas de retour avec d'autre produits genre Firefox ou autre...
je ne vois pas, dans le code ce qui peut provoquer cela, et je cherche de l'aide.
https://billardvoisins.jimdofree.com/
merci d'avance si quelqu'un trouve ou est le "bug" si il y en a un.
Patocs
Je gère le site de mon club de billard Français, qui me pose un problème d'affichage avec IE9 (ou autres versions).
les membres qui utilisent IE se plaignent à juste titre de ce phénomène, et je ne sais l'expliquer.
en effet,les utilisateurs de Chrome n'ont aucun soucis d'affichage avec.
je n'ai pas de retour avec d'autre produits genre Firefox ou autre...
je ne vois pas, dans le code ce qui peut provoquer cela, et je cherche de l'aide.
https://billardvoisins.jimdofree.com/
merci d'avance si quelqu'un trouve ou est le "bug" si il y en a un.
Patocs
A voir également:
- Soucis d'affichage de la page accueil
- Page d'accueil - Guide
- Page accueil iphone - Guide
- Impossible de supprimer une page word - Guide
- Affichage double ecran - Guide
- Consultez le code source de cette page. copiez la ligne qui indique aux moteurs de recherche de ne pas référencer la page. ✓ - Forum Référencement
18 réponses
et j'en suis étonné, je vais montrer ce qui se passe en image
ce qui se voit avec Chrome
http://patocs.free.fr/CCM/chrome.JPG
et avec IE
http://patocs.free.fr/CCM/IE.JPG
avec IE le bandeau supérieur se retrouve un peu n'importe ou, un bout de a ligne supérieure en haut et un bout de la partie inférieure en bas, de plus le texte sensé être entre les deux ligne est au centre à gauche
ce qui se voit avec Chrome
http://patocs.free.fr/CCM/chrome.JPG
et avec IE
http://patocs.free.fr/CCM/IE.JPG
avec IE le bandeau supérieur se retrouve un peu n'importe ou, un bout de a ligne supérieure en haut et un bout de la partie inférieure en bas, de plus le texte sensé être entre les deux ligne est au centre à gauche
Il y a effectivement un problème sur IE9, alors qu'il n'y en a pas sur Firefox18.
Voici la comparaison: screenshot.
Je vais regarder ton code et te dire quel est le problème, si je le trouve :)
Voici la comparaison: screenshot.
Je vais regarder ton code et te dire quel est le problème, si je le trouve :)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
je te remercie pour ton aide.
je dois avouer que je ne suis pas in spécialiste de la création de site web, j'utilise Dreamweaver et je tente de me débrouiller.
je suis impatient de connaitre la solution.
je dois avouer que je ne suis pas in spécialiste de la création de site web, j'utilise Dreamweaver et je tente de me débrouiller.
je suis impatient de connaitre la solution.
Ligne 17 à 39, les balises <link /> et <script> </script> doivent se retrouver entre la balise <head> </head>, alors que tu les as mis après cette balise.
Lignes 67 à 70, tu as oublié d'insérer une ligne (<tr> </tr>) dans ta table. Tu devrais avoir:
Lignes 101 à 113, même chose, tu as oublié d'insérer une ligne. Tu devrais avoir:
Ligne 115, tu dois mettre des espaces entre tes attributs. Tu devrais donc avoir:
Commence par régler ça, mais tu as d'autres erreurs, je vais continuer à t'en faire part.
Lignes 67 à 70, tu as oublié d'insérer une ligne (<tr> </tr>) dans ta table. Tu devrais avoir:
<table width="1000" border="0" align="center"> <tr> <td width="1000" > <img src="Images/En-Tete.png" width="1085" height="260" class="AlignerHorizCentreSansBord"> </td> </tr> </table>
Lignes 101 à 113, même chose, tu as oublié d'insérer une ligne. Tu devrais avoir:
<table width="187" height="29" border="2" align="center" bordercolor="#FF0000" bgcolor="#CCFFFF">
<tr>
<th height="40" scope="col">
<!-- date de mise à jour -->
<script>
date = document.lastModified;
jour = date.charAt(3)+date.charAt(4);
mois = date.charAt(0)+date.charAt(1);
an = date.charAt(6)+date.charAt(7)+date.charAt(8)+date.charAt(9);
document.write("Dernière mise à jour le ",jour,"/",mois,"/",an);
</script>
<!-- Fin date de mise à jour -->
</th>
</tr>
</table>
Ligne 115, tu dois mettre des espaces entre tes attributs. Tu devrais donc avoir:
<img src="Images/gifs/joueurmonde.gif" alt="Les arbitres du club" border="0" title="Les arbitres du club" />
Commence par régler ça, mais tu as d'autres erreurs, je vais continuer à t'en faire part.
Ligne 131, tu as un guillemet inutile. Tu devrais avoir:
Lignes 135-136, tu ouvres une balise <td>, mais tu oublies de la fermer. Tu devrais avoir:
Ligne 139, tu venais de fermer une ligne, mais tu as oublié d'en commencer une autre avant d'insérer une cellule. Note: C'est ici que tu vas régler ton problème flagrant. Tu devrais avoir:
Mais ne te sauve pas tout de suite, il reste quelques erreurs encore.
<td width="646" class="AlignerHorizCentreSansBord" valign="top">
Lignes 135-136, tu ouvres une balise <td>, mais tu oublies de la fermer. Tu devrais avoir:
<td width="635" class="TitrePageBordureBleue">Bienvenue sur le site du Billard Club Vicinois<br /> <span class="TexteGras11PtsRouge">Club labelisé école de billard</span> </td>
Ligne 139, tu venais de fermer une ligne, mais tu as oublié d'en commencer une autre avant d'insérer une cellule. Note: C'est ici que tu vas régler ton problème flagrant. Tu devrais avoir:
<tr> <td height="1070" class="AlignerHorizCentreSansBord"> <marquee behavior="scroll" direction="left"> <p class="TitrePageJaune">Le Club De Billard de Voisins vous souhaite une bonne année 2013.</p> </marquee> </td> </tr>
Mais ne te sauve pas tout de suite, il reste quelques erreurs encore.
Lignes 146-147, tu commences une balise th et p, mais tu oublies de les fermer. Tu devrais avoir:
Ligne 213, tu dois mettre des espaces entre tes attributs. Tu devrais avoir:
Et finalement, Firefox me met une erreur sur ta balise DOCTYPE à la ligne 1:
Perso, j'utilise cela:
Note: il se peut qu'en modifiant cela, ta page change subitement d'allure, si c'est le cas, conserve la balise DOCTYPE que tu avais.
Voilà, ça devrait être bon! Dis-moi quand tu auras tout modifié cela, mets à jour ta page web, et j'irai voir si toutes tes erreurs sont bien corrigées (et que tu n'en as pas rajoutées ;))
<th width="149" scope="col"><p> <img src="Images/gifs/logo_bcvg.gif" width="77" height="80" /> </p> </th>
Ligne 213, tu dois mettre des espaces entre tes attributs. Tu devrais avoir:
<img src="Images/Titre-NosSponsors.png" width="200" valign="top"/>
Et finalement, Firefox me met une erreur sur ta balise DOCTYPE à la ligne 1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Perso, j'utilise cela:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Note: il se peut qu'en modifiant cela, ta page change subitement d'allure, si c'est le cas, conserve la balise DOCTYPE que tu avais.
Voilà, ça devrait être bon! Dis-moi quand tu auras tout modifié cela, mets à jour ta page web, et j'irai voir si toutes tes erreurs sont bien corrigées (et que tu n'en as pas rajoutées ;))
je ne me sauve pas lol
j'ai déja modifié ce qui est indiqué dans ta 1ere réponse, sauf la ligne 115, car je ne vois pas l'erreur d'espace.
je reviens apres la suite...
j'ai déja modifié ce qui est indiqué dans ta 1ere réponse, sauf la ligne 115, car je ne vois pas l'erreur d'espace.
je reviens apres la suite...
pas de soucis avec la numérotation, ça va bien :)
le problème est réglé pour l'affichage avec IE et je te suis reconnaissant pour ton aide rapide et très éfficace.
j'ai tout modifié SAUF ce paragraphe la:
Ligne 139, tu venais de fermer une ligne, mais tu as oublié d'en commencer une autre avant d'insérer une cellule. Note: C'est ici que tu vas régler ton problème flagrant. Tu devrais avoir:
<tr>
<td height="1070" class="AlignerHorizCentreSansBord">
<marquee behavior="scroll" direction="left">
<p class="TitrePageJaune">Le Club De Billard de Voisins vous souhaite une bonne année 2013.</p>
</marquee>
</td>
</tr>
ok pour <tr> en début, mais avec le </td> cela ne laisse que le titre et le bandeau déroulant au centre
si j'ajoute </tr> il ne reste rien au centre.
le site est à jour, si tu veux jeter un cil.
encore merci, mais je ne suis pas loin au cas ou j'ai encore fait des erreurs
le problème est réglé pour l'affichage avec IE et je te suis reconnaissant pour ton aide rapide et très éfficace.
j'ai tout modifié SAUF ce paragraphe la:
Ligne 139, tu venais de fermer une ligne, mais tu as oublié d'en commencer une autre avant d'insérer une cellule. Note: C'est ici que tu vas régler ton problème flagrant. Tu devrais avoir:
<tr>
<td height="1070" class="AlignerHorizCentreSansBord">
<marquee behavior="scroll" direction="left">
<p class="TitrePageJaune">Le Club De Billard de Voisins vous souhaite une bonne année 2013.</p>
</marquee>
</td>
</tr>
ok pour <tr> en début, mais avec le </td> cela ne laisse que le titre et le bandeau déroulant au centre
si j'ajoute </tr> il ne reste rien au centre.
le site est à jour, si tu veux jeter un cil.
encore merci, mais je ne suis pas loin au cas ou j'ai encore fait des erreurs
J'ai vu que tu as réglé ton plus gros problème et que ta page s'affiche bien maintenant dans IE9! Mais il reste encore quelques erreurs dans ton code. Tu me diras quand tu penses avoir tout réglé pour que je vérifie les erreurs qu'il reste :)
et bien, en dehors de suivre tes indications, avec l'exception notée dans mon reply précédent, je ne suis pas bien capable de trouver d'autre erreurs car je ne sais pas comment les trouver.
faut il un logiciel?
faut il un logiciel?
Avec Firefox, tu fais un clique droit sur la page internet et tu cliques sur "Code source de la page". Les erreurs (ou avertissements) vont apparaître en rouge. Tu mets ta souris au-dessus, il t'indique l'erreur. Tu peux utiliser aussi un module complémentaire sur Firefox qui se nomme HTML Validator. Il t'indique toutes les erreurs sur la page web.
Bon, il reste quelques erreurs à corriger :
Lignes 65 à 68. Tu as oublié de le corriger je crois.
Présentement, c'est écrit ca:
Ça doit être écrit comme ça: (ajout de <tr> </tr> et fermeture de <img />
Ligne 84 (je ne l'ai pas vu tantôt, mais tu as un lien vers "Souvenir" sur l'image "Espaces compétition). Enlève cette ligne:
Lignes 111-112: il faut un espace entre border="0" et title="Les arbitres du club", tu devrais donc voir cela:
Ligne 130, tu as un guillemet inutile après align="center"
Tu voudrais avoir:
Pour le reste, c'est bon :)
Lignes 65 à 68. Tu as oublié de le corriger je crois.
Présentement, c'est écrit ca:
<td height="200" colspan="3" class="AlignerHorizCentre"><table width="1000" border="0" align="center">
<td width="1000" >
<img src="Images/En-Tete.png" width="1085" height="260" class="AlignerHorizCentreSansBord"></td>
</table> </td>
Ça doit être écrit comme ça: (ajout de <tr> </tr> et fermeture de <img />
<td height="200" colspan="3" class="AlignerHorizCentre"> <table width="1000" border="0" align="center"> <tr> <td width="1000" > <img src="Images/En-Tete.png" width="1085" height="260" class="AlignerHorizCentreSansBord" /> </td> </tr> </table> </td>
Ligne 84 (je ne l'ai pas vu tantôt, mais tu as un lien vers "Souvenir" sur l'image "Espaces compétition). Enlève cette ligne:
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image41','','Images/BoutonSouvenirsInverse.png',1)"></a><a href="Souvenirs/Souvenirs.html">
Lignes 111-112: il faut un espace entre border="0" et title="Les arbitres du club", tu devrais donc voir cela:
<p><a href="../Arbitres/Arbitres.html" target="_blank"> <img src="Images/gifs/joueurmonde.gif" alt="Les arbitres du club" border="0" title="Les arbitres du club" /></a></p>
Ligne 130, tu as un guillemet inutile après align="center"
<table width="643" border="0" align="center"" class="BorderLeftFine">
Tu voudrais avoir:
<table width="643" border="0" align="center" class="BorderLeftFine">
Pour le reste, c'est bon :)
voila, je crois ne rien avoir oublié.
en revanche, n'utilisant pas Firefox, je ne peux pas voir les erreurs, je n'ai rien vu dans Chrome qui ressemble à cela.
encore merci à toi pour ta patience et ta réactivité, sans oublier tes compétences en la matière bien sur.
en revanche, n'utilisant pas Firefox, je ne peux pas voir les erreurs, je n'ai rien vu dans Chrome qui ressemble à cela.
encore merci à toi pour ta patience et ta réactivité, sans oublier tes compétences en la matière bien sur.
Fais plaisir! Mais dernier petit soucis, le lien au-dessus du bouton "Espaces compétitions". Tu as oublié d'enlever une partie de la ligne que je t'ai mentionnée. Va à la ligne 89, et enlève seulement cette partie-là:
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image41','','Images/BoutonSouvenirsInverse.png',1)">
Pour google chrome, il y a effectivement HTML Validator: https://chrome.google.com/webstore/detail/html-validator/cgndfbhngibokieehnjhbjkkhbfmhojo
Pour IE, je n'en connais pas. La seule façon que je vois est d'aller sur ce site et demander à l'outil de vérifier le code HTML en entrant le lien internet: http://validator.w3.org/
Pour IE, je n'en connais pas. La seule façon que je vois est d'aller sur ce site et demander à l'outil de vérifier le code HTML en entrant le lien internet: http://validator.w3.org/
