Discussion :

[nanonerie]

Bonjour à tous,

J'essaye tant bien que mal de faire une page d'accueil et je m'emmêle les codes. J'en ai pas fais depuis 2 ans et suis rouillé.
Est ce qu'il y a quelqu'un qui peut m'aider à corriger mes erreurs et me les expliquer?

Voici les 2 pages en pièce jointe.

[mdr_cedrick]

je n'ai pas regardé ton css mais du côté du html il y a peut d'erreurs différentes.

<br /> au lieu de <br>
<p1>, <p2>, <p3>, etc n'existent pas, seul <p> existe pour les paragraphes.
Sinon il existe <h1><h2><h3>... mais c'est pour les titres.

si tu ouvres une balise <p> par exemple, pense bien à la fermer ensuite </p>

sinon après ça devrait rouler

sinon pour voir tes erreurs je te conseil http://validator.w3.org/

[Bisûnûrs]

<br /> au lieu de <br>

En XHTML c'est <br /> qu'on écrit.

[nanonerie]

Tout d'abord merci pour la réponse.
Je connais w3c mais je comprend mal l'anglais.....donc les explications sont un peu floues.
Il le dit qu'il reste 4 fautes mais comprend pas!
Voici ce qu'il est dit:

# Error Line 73, Column 6: end tag for "div" omitted, but OMITTAG NO was specified.

</body>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
# Info Line 17, Column 0: start tag was here.

<div id="conteneur">

# Error Line 73, Column 7: XML Parsing Error: Opening and ending tag mismatch: div line 17 and body.

</body>

✉
# Error Line 74, Column 7: XML Parsing Error: Opening and ending tag mismatch: body line 15 and html.

</html>

✉
# Error Line 74, Column 7: XML Parsing Error: Premature end of data in tag html line 3.

</html>


Et dans dreamweaver, la vérification de code dit:
ligne 42: décalage de texte de 3 pixels
ligne 57: bogue de la propriété z-index.

Là c'est du chinois!!!!!!!

[mdr_cedrick]

il te manque un </div> qui va fermer le tout 1er <div> que tu as ouvert

Bisûnûrs : c'est bien ce que j'ai écrit, en XHTML c'est <br /> au lieu de <br>

[nanonerie]

J'ai rajouté le <div> manquant et le validateur dit 0 faute.


Cool! Merci!!!!!

Mais dreamweaver parle de bogue sur z-index et de décalage de 3 pixels.

z-index:"Les conteneurs positionnés définissent un nouvel ordre d'empilage, même si l'index z calculé du conteneur est automatique. Dès lors, les enfants positionnés du conteneur peuvent apparaître au-dessus d'autres éléments positionnés sur la page, alors qu'ils ne devraient pas le faire.

Influe sur*: Internet Explorer 6.0, 7.0
Probabilité*: Vraisemblable"

décalage: "Si des boîtes anonyme ayant du contenu incorporé sont adjacentes à un élément flottant, un espace de 3 pixels apparaît entre les boîtes et le bord de l'élément flottant. Cet espace disparaît lorsque le contenu remplace le flottement, si bien que ce contenu est décalé de trois pixels en direction du flottement. Il peut être difficile de remarquer cet espace lorsque du texte aligné à gauche est adjacent à un élément flottant à droite, mais il existe néanmoins et peut provoquer une "perte de flottement" dans les mises en page peu aérées."

J'ai cherché une solution sur le site mais pas trouvé.
Y a t il une formule à rajouter? est ce vraiment "grave" docteur? lol

[Bisûnûrs]

@mdr_cedrick : Ah oui, désolé, comme était tournée ta phrase en énonçant les fautes, j'ai cru que tu affirmais l'inverse.

[nanonerie]

Tout est valide: ouf!
Mais j'ai encore un soucis de vocabulaire.

J'ai 2 paragraphes <p>.
Comment je les nomme pour qu'il aient les mêmes attributs MAIS pas la même place?

J'avais mis <p1>, <p2>..... Mais ça n'existe pas. faut il que je leur mette une classe? pas un <div>, non?!

Tout va sauf que mon texte n'est pas à la bonne place. Un doit être en haut et un autre en bas. Je les ai "garés" dans le css avec top: 60px;
et left: 60px; mais comme ils ont le même nom ils se retrouvent à la même place. Je ne sais pas si je suis claire.

[HiRoN]

Appliques une class spécifique à tes <p> en fonction de ce que tu veux faire...

[nanonerie]

Ca fonctionne!

Bon week-end!