Titre: Centrage de page sous dreamweaver avec script externe
Posté par: FreFre3 le le 09-10-2014 a 13:29:35
Bonjour à tous,
voilà je ne comprend pas je crée des pages sous dreamweaver et dans un cas avec les mêmes corrdonnées de page cela me crée une page centrée et dans l'autre cas une page completément sur la gauche... Quelqu'un pourrait-il me dire ce qui pêche dans mon code html ??? En vous remerciant d'avance:
Voici l'adresse de la page qui apparait décentrée:
http://frederic.dugad.free.fr/homeenglish.html
Voici l'adresse de la page qui apparait centrée
http://frederic.dugad.free.fr/accueilfrancais.html
J'ai pu vous mettre les codes dans ce message cela était trop volumineux...
En vous remerciant d'avance pour la solution que vous pourrez m'apporter.
Bien à vous.
Frédéric |
Titre: Re:Centrage de page sous dreamweaver avec script externe
Posté par: WebVitrine le le 09-10-2014 a 13:58:40
| Quelqu'un pourrait-il me dire ce qui pêche dans mon code html |
|
Le problème, c'est justement que tout cloche !
Le code, du début à la fin, n'a rien de conventionnel. Rien n'est normalisé.
Tout est à reprendre à zéro.
Pourquoi utiliser un script pour centrer la page ?
Alors qu'il suffit juste d'utiliser un margin: 0 auto; |
Titre: Re:Centrage de page sous dreamweaver avec script externe
Posté par: FreFre3 le le 09-10-2014 a 22:04:03
| Mais encore c'est plus que flou comme réponse ! |
Titre: Re:Centrage de page sous dreamweaver avec script externe
Posté par: WebVitrine le le 09-10-2014 a 23:53:50
Pourtant, c'est simple à comprendre.
Si l'on regarde le code html utilisé pour créer chacune des pages, on se rend compte, ligne par ligne, qu'il y a des erreurs.
- Tu n'utilises pas de feuilles de styles.
- Tu utilises encore des balises qui datent des années 80... Exemple :
<font face="Black Wolf" color="#cfa356" size="4">
<noscript>
<br>
</noscript>
<b>
<i>
<u>
- Pareil pour les attributs... <div align="center"></div><div align="left"></div>
- Tu utilises des ID(s) dans toutes tes balises ... (ça ne fonctionne pas comme ça)
- Tu as carrément des balises <strong> à l’intérieur des attributs style...
<DIV id=Text1 style="visibility: position: absolute; z-index:<strong></strong> 3; left: 729px; top: 130px; height: 36px;">
- Tu as une ligne de script entre </head> et <body>. Cette ligne doit être placée avant le </head> ou après le <body>, mais pas entre les deux.
En gros, ton site a au total 100 lignes de code pour afficher une page alors qu'il n'en faudrait qu'une 30ène.
Et sur les 100 lignes de code, il y en a 95% qui sont écrites avec un langage totalement dépassé. |
Titre: Re:Centrage de page sous dreamweaver avec script externe
Posté par: FreFre3 le le 10-10-2014 a 08:58:02
Merci pour ces précisions que je vais prendre en compte pour améliorer mon code ! Toutefois malgré ces "erreurs" là les pages marchent sur de nombreux navigateurs, et vous n'avez pas répondu à ma question spécifique, qu'est-ce qui fait que sur une des pages dont je vous ai parlé la page est centrée et pas sur l'autre !? En vous remerciant encore d'avance. Bien à vous.
Frédéric |
Titre: Re:Centrage de page sous dreamweaver avec script externe
Posté par: WebVitrine le le 10-10-2014 a 11:04:25
Sans chercher trop loin, on retrouve dans le code source :
<DIV id=lmwcbackpanel style="visibility:visible;position:absolute;left:0;top:0;width:960;height:624;clip:rect(0,960,624,0);">
l'attribut left:0; indique que la box doit être à 0 pixel de la bordure gauche de l'écran...
C'est là que ça coince.
Vu que c'est géré par un javascript extérieur, il faudrait explorer cette piste. |
Titre: Re:Centrage de page sous dreamweaver avec script externe
Posté par: FreFre3 le le 10-10-2014 a 11:49:02
Je pensais avoir déjà essayé une solution comme celle-ci mais non de toute évidence. Merci beaucoup ! Effectivement cela permet de résoudre mon souci. Bien à vous.
Frédéric |
Titre: Re:Centrage de page sous dreamweaver avec script externe
Posté par: FreFre3 le le 13-10-2014 a 08:10:32
Bonjour,
Contrairement à ce que je pensais mon souci de centrage de page n'est toujours pas resolu, bien que j'ai corrigé mon code intégralement tel que proposé par validator.w3C.org sur ma page : http://frederic.dugad.free.fr/accueilfrancais.html , en effet dans le code de cette page quand je met left: 215 cela l'éloigne du bord mais ne centre pas la page, quand je met left: 0 la page est collé au bord gauche. Si je dois mettre quelque chose du style: align='center' où et comment dois-je le placer (car j'ai essayé à plusieurs endroit cela ne marchait pas)? Et cela suffira-t-il?
En vous remerciant encore d'avance.
Frédéric |
Titre: Re:Centrage de page sous dreamweaver avec script externe
Posté par: WebVitrine le le 13-10-2014 a 09:55:08
J'avais déjà donné la réponse dans ma toute première réponse.
Il suffit d'utiliser margin: 0 auto; au lieu de left: valeur;
Le margin remplace l'attribut align: |
Titre: Re:Centrage de page sous dreamweaver avec script externe
Posté par: FreFre3 le le 13-10-2014 a 10:20:59
Merci pour votre réponse, mais je viens d'essayer et si je remplace simplement dans le code actuel left: valeur par margin: 0 auto la page apparaît complétement calé sur le bord gauche. Il doit y avoir la nécessité de rajouter quelque chose en plus...
Merci encore d'avance.
Bien à vous.
Frédéric |
Titre: Re:Centrage de page sous dreamweaver avec script externe
Posté par: WebVitrine le le 13-10-2014 a 11:28:49
C'est ce que j'vous dis depuis le début, le code est totalement erroné ce qui entraîne des erreurs sur la suite.
Grosso modo, ce que vous avez fait :
Une box pour désigné un emplacement.
Par dessus, en superposition, une seconde box pour placé l'image de fond.
Encore par dessus, toujours en superposition, une autre box pour placé les textes.
Toutes les box sont en position absolute. Ce qui fait que même si vous centré la première, les autres restent positionnées par rapport au top et à la gauche de la page.
C'est pour cela que j'insiste sur le fait de réécrire totalement le code.
La façon propre de faire ça aurait été de créer une box centré avec une image de fond en utilisant le style background-image. Et à l’intérieur de cette box, ajouter les textes, liens, et autre éléments...
Je simplifie le code :
<div style="background:#000; margin:0 auto;"> <-- La boite principal centrée, avec une couleur de fond
<div style="float:right; width:30%;">liste des liens</div> <-- La zone de lien en flottaison sur la droite
<div style="width:65%;">le texte de gauche</div> <-- La zone de texte
</div>
C'est très simplifié mais le fond est là. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|