Sujet Précédent Sujet Suivant

Soucis d'affichage de la page accueil

Résolu/Fermé
patocs Messages postés 20 Date d'inscription mardi 29 janvier 2013 Statut Membre Dernière intervention 9 mai 2021 - 29 janv. 2013 à 13:56
patocs Messages postés 20 Date d'inscription mardi 29 janvier 2013 Statut Membre Dernière intervention 9 mai 2021 - 29 janv. 2013 à 18:16
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

A voir également:

18 réponses

Réponse 1 / 18
hubertaaz Messages postés 8188 Date d'inscription vendredi 12 mai 2006 Statut Contributeur sécurité Dernière intervention 22 janvier 2014 1 597
29 janv. 2013 à 14:07
Bonjour,

Je ne rencontre aucun problème d'affichage ni avec Firefox 18 ni avec IE9

Cordialement
0
Réponse 2 / 18
patocs Messages postés 20 Date d'inscription mardi 29 janvier 2013 Statut Membre Dernière intervention 9 mai 2021
Modifié par patocs le 29/01/2013 à 14:26
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
0
Réponse 3 / 18
hubertaaz Messages postés 8188 Date d'inscription vendredi 12 mai 2006 Statut Contributeur sécurité Dernière intervention 22 janvier 2014 1 597
29 janv. 2013 à 14:31
Je n'ai pas Chrome mais je confirme que pour Firefox 18 et IE9 32 bits pas de problème.
0
Réponse 4 / 18
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
29 janv. 2013 à 14:35
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 :)
0
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
29 janv. 2013 à 14:36
Il y a plusieurs erreurs dans ton code, Firefox m'en affiche plusieurs en rouge. Je vais t'aider à y remédier.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 18
patocs Messages postés 20 Date d'inscription mardi 29 janvier 2013 Statut Membre Dernière intervention 9 mai 2021
29 janv. 2013 à 14:47
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.
0
Réponse 6 / 18
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
29 janv. 2013 à 14:48
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: 

<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.
0
Réponse 7 / 18
patocs Messages postés 20 Date d'inscription mardi 29 janvier 2013 Statut Membre Dernière intervention 9 mai 2021
29 janv. 2013 à 14:51
ok, merci , je m'occupe de ça et je te dis.
0
Réponse 8 / 18
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
Modifié par GrifOli le 29/01/2013 à 14:57
Ligne 131, tu as un guillemet inutile. Tu devrais avoir: 
<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.
0
Réponse 9 / 18
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
Modifié par GrifOli le 29/01/2013 à 15:05
Lignes 146-147, tu commences une balise th et p, mais tu oublies de les fermer. Tu devrais avoir: 
<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 ;))
0
Réponse 10 / 18
patocs Messages postés 20 Date d'inscription mardi 29 janvier 2013 Statut Membre Dernière intervention 9 mai 2021
29 janv. 2013 à 15:10
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...
0
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
29 janv. 2013 à 15:11
Ah oui mais là, en modifiant les premières erreurs, les lignes ne se suivent plus... recherche ces lignes par mots clés, elles ne seront pas loin devant celles que je t'ai dites ;)
0
Réponse 11 / 18
patocs Messages postés 20 Date d'inscription mardi 29 janvier 2013 Statut Membre Dernière intervention 9 mai 2021
29 janv. 2013 à 15:37
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
0
Réponse 12 / 18
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
29 janv. 2013 à 15:37
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 :)
0
Réponse 13 / 18
patocs Messages postés 20 Date d'inscription mardi 29 janvier 2013 Statut Membre Dernière intervention 9 mai 2021
29 janv. 2013 à 15:44
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?
0
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
29 janv. 2013 à 15:50
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.
0
Réponse 14 / 18
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
Modifié par GrifOli le 29/01/2013 à 16:11
Bon, il reste quelques erreurs à corriger :

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 :)
0
Réponse 15 / 18
patocs Messages postés 20 Date d'inscription mardi 29 janvier 2013 Statut Membre Dernière intervention 9 mai 2021
Modifié par patocs le 29/01/2013 à 17:36
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.
0
Réponse 16 / 18
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
29 janv. 2013 à 17:36
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)">
0
Réponse 17 / 18
patocs Messages postés 20 Date d'inscription mardi 29 janvier 2013 Statut Membre Dernière intervention 9 mai 2021
29 janv. 2013 à 17:54
arf, désolé, mes pov'yeux :)

à force de regarder, je vois plus trop bien et j'ai zappé cette ligne qui en effet était en double donc inutile.

donc pour chrome ou Ie pas de possibilité de trouver les erreurs comme tu l'a fait ? un Plug in ou autres ?

encore merci.
0
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
29 janv. 2013 à 18:06
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/
0
Réponse 18 / 18
patocs Messages postés 20 Date d'inscription mardi 29 janvier 2013 Statut Membre Dernière intervention 9 mai 2021
29 janv. 2013 à 18:16
et bien, sur ce coup, tu est mon sauveur :)

je vais installer ça, mille merci pour tout
0

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page
ETHAN -
Willzac -

19 réponses
[référencement] Ne pas être référencé
kij_82 -
Searaphina -

10 réponses
Je veux retrouver mon ancienne page d'accueil
... -
leNul -

9 réponses
restaurer la page google comme page d'accueil
gitana -
richard -

10 réponses
mon écran d'accueil google chrome est décalé à droite
89pierrot! -
LEZE -

5 réponses