Discussion :

[isaric]

Bonjour,

J’ai

Code :

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

<ul class="niveau2">… </ul>

et

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
ul {text-align: center;
display: inline-block;
}
/* niveau2 */
ul.niveau2 {
	display: inline-block;
	list-style: none;
 
	list-style-type: none;
	vertical-align : top;
	margin: 0 20px 0 20px;
}

On me dit en test de validationw3c :

Error: Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
From line 44, column 1; to line 44, column 20
ontact-->↩<ul class="niveau2">↩ <li>
Contexts in which element ul may be used:
Where flow content is expected.
Content model for element ul:
Zero or more li and script-supporting elements.

Cela veut dire quoi ?

d'avance merci

[NoSmoking]

Bonjour,

Cela veut dire quoi ?

cela veut dire que ta structure n'est pas conforme !

Tu as surement quelque chose comme :

Code :

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

1
2
3
4
5
<ul>
  <ul>
    <!-- -->
  </ul>
</ul>

... alors que tu devrait avoir :

Code :

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

1
2
3
4
5
6
7
<ul>
  <li>
    <ul>
      <!-- -->
    </ul>
  </li>
</ul>

[isaric]

Merci NoSmoking

Cela passe bien le validateur avec :

Code :

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

1
2
3
4
5
6
7
8
<ul>
  <li>
texte1+image...
  </li>
  <li>
texte2+image...
  </li>
</ul>

Code css :

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
18
ul {text-align: center;
	display: inline-block;
	list-style-type: none;
	vertical-align : top;
	margin: 0 20px 0 20px;
}
 
 
li {
  	display: inline-block;
  	list-style: none;
  	text-align: center;
  	list-style-type: none;
  	vertical-align : middle;
  	border-width: 0 0 5px 0;
	/* padding: 5px; */
	padding: 0 0 0 0;
}

[édit]Mais cette fois les 2 blocks <li> s'affichent pas au centre.

[isaric]

Si je mets pour ul dans le code au dessus

Code css :

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

display: inline

au lieu de

Code css :

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

display: inline-block;

les éléments sont bien au centre, mais l'un en dessous de l'autre

[NoSmoking]

On s'éloigne de la question initiale !

Une discussion = une question Poser plusieurs questions dans un seul et même fil nuit grandement à la qualité du forum : notamment, lors d'une recherche, tout le contenu du fil n'est pas indiqué dans le titre, elle devient donc plus ardue. Notre but est de maintenir une base de connaissances facile à exploiter par tous les visiteurs, utilisable par tous. Vous avez pu bénéficier de ce forum en posant vos questions, laissez la possibilité aux suivants de bénéficier des réponses en leur offrant un sujet moins dispersé.

Je t'engage donc à passer cette discussion en résolue et à ouvrir une autre discussion en précisant bien le souci que tu rencontres et de penser à joindre le code HTML-CSS nécessaire à la bonne compréhension de celui-ci.

[isaric]

Merci NoSmoking tu as raison