[W3C] Éléments de ma page ne se placent pas tout de suite

**Garra** · 16/01/2007, 23h42

Bonjour

Je suis en train de faire un site et mon client me dit que la page met entre 1 ou 2 secondes à prendre sa forme définitive.

Je ne sais pas si c'est dû aux photos ou à autre chose que d'abord la page est toute bizarroïde et puis tous les élements se réplacent peu à peu où il faut.

D'où ça vient et comment y remedier, car mon client n'aime pas ça du tout du tout du tout

Un exemple du protype ici:

http://www.garrayfigura.com/siteAPIC/catalogue.php?f=13

Merci enormément

**|PaRa-BoL** · 16/01/2007, 23h51

Le CSS est chargé en dernier et surtout la taille de ton fichier source de sortie est enorme

essaye plutôt les div et les style que de gros tableau lourd tout pas beau.

Ps : Tes pas dans le bon forum

**Garra** · 18/01/2007, 17h10

Merci

(je ne suis pas sur le forum PHP?

)

Lorsque tu dis que mon CSS se charge en dernier c'est parce que je fais un import de lui. Est-ce que si je l'intègre directement à mon .php ça irait mieux?

Puis ..... l'utilisation des DIV à la place dex tableaux,... tu veux dire que je remplace carrément le <table ><tr><td>... par des <div> avec des styles?????

Mais .....

sur les div tu ne peux pas faire ceci par exemple:

width="130" height="130"

comment bien gérer les tailles des divs???

Merci encore

**|PaRa-BoL** · 18/01/2007, 17h14

Bah ton code n'est pas trop W3C, ta source html fait un gros pacquet de ligne alors que cela pourait être limité à une 50 aine de lignes.

Et je ne vois pas ce qui est dérangant dans le fait qu'une page se mette en forme ? Je ne comprend pas trop xD

**Garra** · 18/01/2007, 17h50

Moi, ça ne me dérange pas du tout

c'est mon client ....

Je croyais que les tables, tr, td était de la bonne norme !!!!!

Est-ce le nombre de lignes qui font que je ne suis pas trop W3C ou l'utilisation des table, tr, td?
Merci!

Invité · 19/01/2007, 09h24

Envoyé par Garra

Moi, ça ne me dérange pas du tout

c'est mon client ....

Je croyais que les tables, tr, td était de la bonne norme !!!!!

Est-ce le nombre de lignes qui font que je ne suis pas trop W3C ou l'utilisation des table, tr, td?
Merci!

C'est l'utilisation des tableaux pour faire de la mise en page.

**Garra** · 19/01/2007, 16h22

Merci !!!!!!!!!!!!!

Mais il va falloir beaucoup travailler alors ......

Mais une autre question;
Comment ceci peut être mauvais ou pas pour le référencement?
Merci encore

**|PaRa-BoL** · 19/01/2007, 16h30

Oui, certain moteur de recherche se basent sur la rapidité et la taille de la page et biensûr la validité

**Djakisback** · 19/01/2007, 16h35

Salut, en tout cas l'utilisation de <table> pour afficher des données tabulaires est tout ce qu'il y a de plus normal dans ton cas "grammaticalement" parlant, même si la page est lourde.

**|PaRa-BoL** · 19/01/2007, 16h38

Oui oui evidement, les tableau sont valide W3C. Mais pour la mise en page c'est vraiment lourd.
Je disait que en plus de ça, sa page n'est pas W3C (Mais comme la majorité des pages web), mais c'est sûr qu'on va pas s'amuser à faire un tableur de données avec des div xD

**Djakisback** · 19/01/2007, 16h43

lol ^^

Sinon à tout hasard tu peux essayer de remplacer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<style type="text/css">
<!--
@import url("apic-style-objet-communication.css");
-->
</style>

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="apic-style-objet-communication.css" rel="stylesheet" type="text/css" />

je sais pas du tout s'il y a une différence de performances.

[edit]
Je vois aussi que le fichier css est très lourd et a l'air pas mal redondant et pas très bien structuré, essaie de factoriser au maximum les éléments.

par ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
h5{
 font-family: Century Gothic, Myriad Web Pro Condensed, Myriad Web Pro;
 font-size: 80%;
 color: #FFFFFF;
 font-weight: normal;
 margin: 0px;
 padding: 0px;
}
 
.apic-titre{
 font-family: Century Gothic, Myriad Web Pro Condensed, Myriad Web Pro;
 font-size: 130%;
 color: #000000;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
}

deviendrait pour .apic-titre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
h5.apic-titre{
 font-size: 130%;
 color: #000000;
 font-weight: bold;
}

Enfin dans ce style là quoi

[/edit]

**Garra** · 19/01/2007, 16h54

Merci !!!!!!! je regarde tout ça .

Mais j'insiste pour savoir en quoi vraiment ma page n'est pas 3WC please, donnes-moi une petite idée!!

Merci encore

**|PaRa-BoL** · 19/01/2007, 16h56

Tien ta exactement 1709 raisons :

http://validator.w3.org/check?uri=ht...logue.php?f=13

Failed validation, 1709 errors
Have fun

**trotters213** · 23/01/2007, 17h45

Alors avant que tu te lances dans la résolution de tes 1699 (ça fait 10 de moins déjà

) commence par fermer toutes tes balises du style <meta .... /> <br />... et vire TOUTE la mise en page de ton code HTML pour le mettre dans une feuille de style (ton code sera largement plus léger et compréhensible).

Tu utilises un DOCTYPE XHTML et tu fais du HTML d'où le gros problème.
Ensuite le fait que tu fasses de la mise avec des tableaux n'est pas syntaxiquement fausse (donc tu pourras rendre ton site valide malgré tes tableaux) mais sémantiquement c'est faux. En plus c'est lourd, peu portable et surtout très dur à maintenir (le jour où tu devras reprendre ton site tu vas péter un cable si tout est fait avec des tableaux).

Pour la mise en page avec des styles et des div je te conseille ceci : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

**Garra** · 23/01/2007, 18h45

Tu utilises un DOCTYPE XHTML et tu fais du HTML d'où le gros problème.

Ceci je l'ai ajouté récemment car il me demandé de définir un doctype. il suffit de changer par DOCTYPE HTML?
C'est ceci???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

merci pour les conseils sur les méta

mais sémantiquement c'est faux.

Pourquoi?

**|PaRa-BoL** · 23/01/2007, 19h00

Envoyé par Garra

Ceci je l'ai ajouté récemment car il me demandé de définir un doctype. il suffit de changer par DOCTYPE HTML?

merci pour les conseils sur les méta

Pourquoi?

Car les tableau servent à faire des tableau et les div à faire de la mise en page

**Garra** · 23/01/2007, 19h10

je viens de lancer le test et j'ai ceci

Below are the results of attempting to parse this document with an SGML parser.

Error Line 6 column 72: character data is not allowed here.
...ype" content="text/html; charset=iso-8859-1"/>You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>) or forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes).

✉

Error Line 9 column 428: document type does not allow element "META" here.
...is, valisette, vetement, body-warmer"/>The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax

Quel est le bon DOCTYPE à mettre???

**MasterOfChakhaL** · 23/01/2007, 19h25

Salut,

Il n'y a pas de bon ou de mauvais doctype, sinon, seul le bon existerait...
Il faut simplement que tu utilise la syntaxe qui correspond aux doctype que tu utilise.

Un doctype XHTML est plus contraignant au niveau de la syntaxe, en contrepartie, cela te garantie d'avoir un code facilement analysable (par les moteurs de recherches, ou un navigateur par exemple).
Tu as plus de chances de faire un site qui soit bien affiché sur toutes sortes de navigateurs en te pliant a cette syntaxe...

S'il y a plusieurs doctype, c'est que le w3c, dans ses recommandations, a supprimer un certain nombre d'élément jugés obsolètes.
Les différents doctype permettent de définir a quel niveau de rigidité tu veux bien te plier afin de rendre possible un passage en douceur des vieilles habitudes de codage aux normes actuelles.

Par exemple, le doctype frameset autorise l'usage des frame. Ce qui n'est pas possible avec un doctype strict.

La faq t'indique les différents doctypes possible. Il ne faut pas choisir le doctype en fonction de ton code mais corriger ton code en fonction du doctype que tu as choisi. C'est là que le validateur peut t'aider.

Si tu n'es pas à l'aise avec l'anglais, il y a un valdateur qui donne des messages en francais: validome

**MasterOfChakhaL** · 23/01/2007, 19h33

re,

si dans tes urls tu remplaces tes & par & , cela enlèvera déjà un bon nombre d'erreurs.

en strict, le caractère & introduit une entité, c'est à dire un caractère qu'il nest pas possible d'indiquer avec le clavier (α par exemple) ou alors un caractère qui pourrait être ambigue dans la mesure où il appartient à la syntaxe du langage html comme le < (pour < qui ouvre une balise) ou & (pour & qui introduit une entité...)

**Garra** · 23/01/2007, 19h45

rebonjour à tous:

la version actuelle du site de mon client est super bien référencée et pourtant c'est une version très hors règles 3WC. Donc d'après ce que j'arrive à comprendre une chose n'est pas incompatible avec l'autre.

Mon but étant:
- d'alléger les pages
- de faire que la nouvelle version du site soit aussi bien référencée.

mais metre du &alt par exemple tout simplement pour faire dans la norme alors que c'est totalement illisible je ne comprend pas trop!!!!

Désolée mais je vous prie de me dire ce qui est le meilleur pour mes deux buts.
Merci encore à tous!!!!!

[W3C] Éléments de ma page ne se placent pas tout de suite

HTML

Discussions similaires

Partager

Partager