<dl><dt><dd> - Simuler la mise en page de Kelkoo

Bonjour à tous,

Je suis en train de me créer un annuaire de liens.
J'ai implémenter les catégories et sous-catégories à l'aide de <dl><dt><dd> :

<div id="home">

<dl>
<dt><a title="Cat1" href="/cat/?id=1">Cat1</a></dt>
<dd id="catid-1">
<ul class="children">
</ul>
</dd>
</dl>

<dl>
<dt><a title="Cat2" href="/sip/?id=2">Cat2</a></dt>
<dd id="catid-2">
<ul class="children">
</ul>
</dd>
</dl>

<dl>
<dt><a title="Cat3" href="/sip/?id=3">Cat3</a></dt>
<dd id="catid-3">
<ul class="children">
<li><a title="Sous Cat 3-1" href="/sip/?id=31">Sous-Cat 3-1</a></li>
<li><a title="Sous Cat 3-2" href="/sip/?id=32">Sous Cat 3-2</a></li>
<li><a title="Sous Cat 3-3" href="/sip/?id=33">Sous Cat 3-3</a></li>
<li><a title="Sous Cat 3-4" href="/sip/?id=34">Sous Cat 3-4</a></li>
<li><a title="Sous Cat 3-5" href="/sip/?id=35">Sous Cat 3-5</a></li>
</ul>
</dd>
</dl>

<dl>
<dt><a title="Cat4" href="/sip/?id=4">Cat4</a></dt>
<dd id="catid-4">
<ul class="children">
</ul>
</dd>
</dl>

<dl>
<dt><a title="Cat5" href="/sip/?id=5">Cat5</a></dt>
<dd id="catid-5">
<ul class="children">
<li><a title="SousCat 5-1" href="/sip/?id=51">SousCat51</a></li>
<li><a title="SousCat 5-2" href="/sip/?id=52">SousCat51</a></li>
</ul>
</dd>
</dl>

</div>
 

1. Est-ce que le choix de <dl><dd><dt> est pertinent pour implémenter des Catégories / Sous-Catégories ?
2. Comment faire la même mise en page que la page d'accueil de Kelkoo ?
Sachant que Kelkoo fonctionne avec des tableaux.
Est-ce que c'est réaliste de vouloir faire une telle mise en page uniquement en CSS ?
Est-ce que je dois remplacer mes <dl> par un tableau ?

La mise en page de Kelkoo est sur 3 colonnes, si c'est plus simple sur 2 colonnes, ça me va très bien aussi.

Je n'ai absolument aucune idée de comment faire.
Mes premiers test sont absolument lamentable, tout part en vrac.
Merci à tous pour votre aide
Modifié par spidetra (10 Oct 2005 - 09:46)

Bonjour,

je ne vois pas de contre-indication à dl/dt/dd (pourquoi pas?) mais il y a au moins 2 <ul></ul> sans élément li, ce qui me parait bizarroïde. D'ailleurs les <ul> pourraient être remplacés par des <p>, enfin imbriquer des listes DANS des listes de définition est "bizarre", si un spécialiste a un meilleur avis que moi
Modifié par Felipe (11 Oct 2005 - 12:49)

Ce type de menu figure dans la galerie de menus de Raphaël chez Alsacréations.
Je me demande juste à quoi peut servir la class children, si c'est pour lui affecter des attributs de style, autant passer par une déclaration hiérarchique.

Pour ce qui est de mettre des ul dans des ul (ou ol d'ailleurs) il suffit de penser de les mettre dans un li du ul parent... suis-je bien clair ?

Felipe a écrit :
Bonjour,

je ne vois pas de contre-indication à dl/dt/dd (pourquoi pas?) mais il y a au moins 2 <ul></ul> sans élément li, ce qui me parait bizarroïde.

c un bug a réparer. Je ne teste pas la présence ou l'absence d'enfant et j'écrit systématiquement les <ul>

Maljuna Kris a écrit :
Ce type de menu figure dans la galerie de menus de Raphaël chez Alsacréations.
Je me demande juste à quoi peut servir la class children, si c'est pour lui affecter des attributs de style, autant passer par une déclaration hiérarchique.

La class children est effectivement là pour appliquer un style.
Je vais essayer de m'en passer.
Par contre je ne veux pas faire un menu.
J'essaye de présenter mon arborescence comme le fait kelkoo sur sa page d'accueil.
Mes premiers tests sont catastrophiques, tout parts dans tout les sens.
Je ne sais pas trop par où commencer.