[ Résolu ] On a le droit de faire ça ?

Bonjour,

Après des années de tableaux, je fais mes premiers pas en CSS 2.

Bref, je voudrais savoir si la portion de code ci-dessous est correcte ou s'il vaut mieux l'envisager autrement. Je demande ça pour le h3 dans l'ul ...

<ul id="menu">
<h3>Toto en short</h3>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
</ul>

Merci d'avance.

A+

Didier
Modifié par didgar (02 Aug 2005 - 11:34)

Pourquoi pas comme ça plutôt :

<h3>Toto en slip</h3>
<ul id="menu">
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
</ul>

T'es pas dans le bon forum, tu aurais dû poster dans HTML, XHTML, sémantique web
Modifié par 84mickael (02 Aug 2005 - 11:07)

Dans ce genre de cas j'aimerais bien pouvoir faire ça mais je suis à peu près sûr que c'est invalide car je crois que l'on ne peut pas mettre un <h3> dans un <dt> :

<dl>

<dt>
<h3>Toto en slip</h3>
</dt>

<dd>
<ul id="menu">
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
</ul>
</dd>

</dl>

Dans ce cas à toi de voir si tu as nécessairement besoin d'un <h3>

84mickael a écrit :
Dans ce genre de cas j'aimerais bien pouvoir faire ça mais je suis à peu près sûr que c'est invalide car je crois que l'on ne peut pas mettre un <h3> dans un <dt>

En effet, <dt> est une balise de type en-ligne et ne peut donc pas contenir de bloc <h3>.
D'ailleurs je ne vois pas trop l'intérêt d'une liste de définition dans ce cas précis

PS : je déplace dans le bon salon.

didgar a écrit :
Après des années de tableaux, je fais mes premiers pas en CSS 2.

Salut et bienvenue
Quel est le rapport entre ta question (code HTML) et les CSS2 ?
Modifié par Raphael (02 Aug 2005 - 11:24)

84mickael a écrit :
Pourquoi pas comme ça plutôt :

<h3>Toto en slip</h3>
<ul id="menu">
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
</ul>

Ben c'est bien ce que j'avais fait mais ça va pas ! Plutôt que de tenter d'expliquer, je donne les url adéquates :

le point de départ, c'est ça C'est fait à l'ancienne avec des tableaux.
Le point d'arrivée c'est ça

J'essai de faire la même chose en css. Si mon h3 n'est pas dans l'ul, il est difficile à placer et surtout totalement indépendant de l'ul ! J'espère me faire bien comprendre

Et puis Toto est en short pas en slip

A+

Didier

didgar a écrit :
J'essai de faire la même chose en css. Si mon h3 n'est pas dans l'ul, il est difficile à placer et surtout totalement indépendant de l'ul ! J'espère me faire bien comprendre

<ul> n'a le droit de contenir directement que des éléments <li>. C'est très strict.
Si tu veux créer un groupe dépendant, regroupe l'ensemble dans un élément neutre : <div> :

<div>
<h3>Toto en bermuda</h3>
<ul id="menu">
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
</ul>
</div>

Modifié par Raphael (02 Aug 2005 - 11:26)

Raphael a écrit :

<ul> n'a le droit de contenir directement que des éléments <li>. C'est très strict.
Si tu veux créer un groupe dépendant, regroupe l'ensemble dans un élément neutre : <div> :

C'est la conclusion à laquelle j'étais arrivé avant de tenter le h3 dans l'ul pour voir. Je vais donc regrouper l'ensemble !

Raphael a écrit :

<div>
<h3>Toto en bermuda</h3>
<ul id="menu">
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
</ul>
</div>

Non pas de bermuda non plus

Merci !

A+

Didier