Forum d’article - imbrication des LI et des UL - mise en page
Bonjour,
je suis en train de mettre en forme un site SPIP et je bute sur la question de la mise en forme du forum. Autant le formulaire pour poster un message me convient à peu près après quelques retouches, autant j’ai du mal à bidouiller l’affichage du forum en bas de l’article.
En gros, si j’ai bien compris le fonctionnement de la partie "forum". Il y’a d’abord un gros "UL" qui est créé pour le forum. Ensuite, à chaque nouveau fil de discussion correspond un "LI" "/LI.
Exemple :
- Sujet1
- Sujet2
Si quelqu’un répond à un fil au lieu de répondre à l’article, on a alors un nouvel UL créé dans le "LI".
Exemple :
- sujet1
- sujet2>
Le problème, c’est qu’à chaque nouvel "UL" dans un "LI", le décalage par rapport à la marge, le type de puce et la taille de la police diminuent. Donc, si dans un article, X fait un commentaire, auquel répond Y, auquel répond à nouveau, et auquel Y répond enfin, la dernière réponse est carrément illisible.
Comment paramétrer ces éléments ?
Pour info, le code d’un article en démo que j’ai réalisé :
<ul class="forum">
<li class="forum-fil">
<div class="forum-message">
<div class="forum-chapo">
<h3 class="forum-titre"><a href="#forum3" name="forum3" id="forum3">Compte-rendu du séminaire en ligne</a></h3>
<small>8 avril 12:59, par <span class="">labarique</span></small>
</div>
<div class="forum-texte">
Très intéressant.
<p class="forum-repondre-message"><a href="http://localhost/spip/spip.php?page=forum&id_article=2&id_forum=3">Répondre à ce message</a></p>
</div>
</div>
<ul>
<li>
<div class="forum-message">
<div class="forum-chapo">
<strong class="forum-titre"><a href="#forum4" name="forum4" id="forum4">Compte-rendu du séminaire K0 en ligne</a></strong>
<small>8 avril 13:00, par <span class="">antilabarique</span></small>
</div>
<div class="forum-texte">
C’est pas très intéressant de dire que c’est très intéressant.
<p class="forum-repondre-message"><a href="http://localhost/spip/spip.php?page=forum&id_article=2&id_forum=4">Répondre à ce message</a></p>
</div>
</div>
<ul>
<li>
<div class="forum-message">
<div class="forum-chapo">
<strong class="forum-titre"><a href="#forum6" name="forum6" id="forum6">Stérile</a></strong>
<small>8 avril 13:03, par <span class="">antiantilabarique</span></small>
</div>
<div class="forum-texte">
T’arrêtes un peu ?
<p class="forum-repondre-message"><a href="http://localhost/spip/spip.php?page=forum&id_article=2&id_forum=6">Répondre à ce message</a></p>
</div>
</div>
<ul>
<li>
<div class="forum-message">
<div class="forum-chapo">
<strong class="forum-titre"><a href="#forum7" name="forum7" id="forum7">Stérile</a></strong>
<small>8 avril 13:03, par <span class="">antilabarique</span></small>
</div>
<div class="forum-texte">
Tu veux j’te défonce ?
<p class="forum-repondre-message"><a href="http://localhost/spip/spip.php?page=forum&id_article=2&id_forum=7">Répondre à ce message</a></p>
</div>
</div>
<ul>
<li>
<div class="forum-message">
<div class="forum-chapo">
<strong class="forum-titre"><a href="#forum8" name="forum8" id="forum8">Stérile</a></strong>
<small>8 avril 13:04, par <span class="">antiantilabarique</span></small>
</div>
<div class="forum-texte">
C’est moi je t’explose
<p class="forum-repondre-message"><a href="http://localhost/spip/spip.php?page=forum&id_article=2&id_forum=8">Répondre à ce message</a></p>
</div>
</div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<div class="forum-message">
<div class="forum-chapo">
<strong class="forum-titre"><a href="#forum5" name="forum5" id="forum5">Compte-rendu du séminaire K0 en ligne</a></strong>
<small>8 avril 13:00, par <span class="">antilabarique</span></small>
</div>
<div class="forum-texte">
Merci pour ton commentaire très intéressant.
<p class="forum-repondre-message"><a href="http://localhost/spip/spip.php?page=forum&id_article=2&id_forum=5">Répondre à ce message</a></p>
</div>
</div>
</li>
</ul>
</li>
</ul>