Discussion :

[ProgVal]

Bonjour,

Je viens de me lancer dans la validation de mon site par la W3C, et je viens de me rendre compte que je n'ai le droit d'utiliser < center >, ni < right >.
Que puis-je utiliser?

Merci d'avance,
ProgVal

[Kerod]

Il faut faire comme ceci : Comment centrer un bloc avec du CSS

[ProgVal]

Merci pour ta réponse rapide!

Mas j'ai beau mettre ceci dans le CSS:

Code :

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

1
2
3
4
5
.center
{
  margin-left: 10%;
  margin-right: 10%;
}

J'ai toujours cette erreur:

document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag .

[Auteur]

bonjour,

sur quel genre d'éléments s'applique ta classe center ? Montre nous ton code HTML.

[Kerod]

Quand je disais faire comme ceci c'était pratiquement comme le code qui y est indiqué.

Là selon l'erreur que l'on a on voit que tu utilises toujours la balise center alors que c'est ce que tu cherches à éviter

[ProgVal]

Bon, alors j'ai changé le nom, mais ce coup-ci, en plus de l'erreur, le texte n'est plus centré...
Voici la page:
http://progval.olympe-network.com/
Voici le code à problème:

Code :

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

<h1 style="color:#FFFFFF;"><jecentre>Le site de ProgVal</jecentre></h1>

Voici l'extrait du CSS:

Code :

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

1
2
3
4
5
.jecentre
{
  margin-left: 10%;
  margin-right: 10%;
}

[Kerod]

C'est quoi cette balise jecentre ?

Tu peux pas faire tout simplement :

Code :

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

<h1 style="color:#FFFFFF;text-align:center">Le site de ProgVal</h1>

[ProgVal]

Au temps pour moi... (étymologiquement, ça s'écrit comme ça)

Merci beaucoup à toi!

[ProgVal]

Sinon, j'ai un autre problème: quand je veux mettre ceci:

Code :

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

<div style="text-align:center;">

Le validateur me dit que

document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

[Kerod]

Alors la base c'est un élément de type block ne peut contenir que des éléments de type inline.
Or p, div sont du type block. Faut revoir ta structure. Au lieu de mettre p suivi du div fais directement p style="text-align:center"

[ProgVal]

Exact, merci à toi.