Centrage de page sous dreamweaver avec script externe

La Communauté Webmaster

  Forum-webmaster
  Général
  Discussions générales (Modérateurs: Jey, Dark.Ginger, Lilian, lauryv, ToToMaStEr, Wolf18)
  Centrage de page sous dreamweaver avec script externe

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Centrage de page sous dreamweaver avec script externe (Lu 13021 fois)

Centrage de page sous dreamweaver avec script externe
« sur: le 09-10-2014 a 13:29:35 »

FreFre3
Membre récent

Hors-Ligne

Messages: 6

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

Rapporter au modérateur

Re:Centrage de page sous dreamweaver avec script externe
« Répondre #1 sur: le 09-10-2014 a 13:58:40 »

WebVitrine
Superactif

Hors-Ligne

Sexe: Male

Messages: 639

Critique Mastery Max level !

Citation:
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;

Rapporter au modérateur

Prestataire Web / Création de site Internet. Visitez notre site WebVitrine
Suivez-nous sur Google+, ou Facebook
Siret : 512 796 889 00016

Re:Centrage de page sous dreamweaver avec script externe
« Répondre #2 sur: le 09-10-2014 a 22:04:03 »

FreFre3
Membre récent

Hors-Ligne

Messages: 6

Mais encore c'est plus que flou comme réponse !

Rapporter au modérateur

Re:Centrage de page sous dreamweaver avec script externe
« Répondre #3 sur: le 09-10-2014 a 23:53:50 »

WebVitrine
Superactif

Hors-Ligne

Sexe: Male

Messages: 639

Critique Mastery Max level !

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é.

« Dernière Édition: le 10-10-2014 a 00:08:43 par WebVitrine »

Rapporter au modérateur

Prestataire Web / Création de site Internet. Visitez notre site WebVitrine
Suivez-nous sur Google+, ou Facebook
Siret : 512 796 889 00016

Re:Centrage de page sous dreamweaver avec script externe
« Répondre #4 sur: le 10-10-2014 a 08:58:02 »

FreFre3
Membre récent

Hors-Ligne

Messages: 6

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

Rapporter au modérateur

Re:Centrage de page sous dreamweaver avec script externe
« Répondre #5 sur: le 10-10-2014 a 11:04:25 »

WebVitrine
Superactif

Hors-Ligne

Sexe: Male

Messages: 639

Critique Mastery Max level !

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.

Rapporter au modérateur

Prestataire Web / Création de site Internet. Visitez notre site WebVitrine
Suivez-nous sur Google+, ou Facebook
Siret : 512 796 889 00016

Re:Centrage de page sous dreamweaver avec script externe
« Répondre #6 sur: le 10-10-2014 a 11:49:02 »

FreFre3
Membre récent

Hors-Ligne

Messages: 6

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

Rapporter au modérateur

Re:Centrage de page sous dreamweaver avec script externe
« Répondre #7 sur: le 13-10-2014 a 08:10:32 »

FreFre3
Membre récent

Hors-Ligne

Messages: 6

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

Rapporter au modérateur

Re:Centrage de page sous dreamweaver avec script externe
« Répondre #8 sur: le 13-10-2014 a 09:55:08 »

WebVitrine
Superactif

Hors-Ligne

Sexe: Male

Messages: 639

Critique Mastery Max level !

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:

Rapporter au modérateur

Prestataire Web / Création de site Internet. Visitez notre site WebVitrine
Suivez-nous sur Google+, ou Facebook
Siret : 512 796 889 00016

Re:Centrage de page sous dreamweaver avec script externe
« Répondre #9 sur: le 13-10-2014 a 10:20:59 »

FreFre3
Membre récent

Hors-Ligne

Messages: 6

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

Rapporter au modérateur

Re:Centrage de page sous dreamweaver avec script externe
« Répondre #10 sur: le 13-10-2014 a 11:28:49 »

WebVitrine
Superactif

Hors-Ligne

Sexe: Male

Messages: 639

Critique Mastery Max level !

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à.