Faire un tableau avec une liste de définition

Bonjour

Je souhaite refaire le design de mon forum phpbb basé sur le thème prosilver.

La définition du "tableau" principal est faite avec ul, li

Chaque ligne est contenue dans un li, et les cases du tableaux sont faites avec des dl, dt, dd

<ul class="topiclist">
<li class="row"> 
  <dl style="background-image: url(forum_read.gif); background-repeat: no-repeat;" class="icon">
    <dt title="Pas de nouveau message"> <a class="forumtitle" href="./viewforum.php">Staff 
      Rencontre Online</a><br>
      <br>
      <strong>Modérateur:</strong> <a class="username-coloured" style="color: rgb(51, 153, 0);" href="./memberlist.php">TonaGT</a> 
    </dt>
    <dd class="topics">14 <dfn>Sujets</dfn></dd>
    <dd class="posts">278 <dfn>Messages</dfn></dd>
    <dd class="lastpost"><span> <dfn>Dernier message</dfn> Mer 11 Nov 2009 22:43<br>
      <a class="username-coloured" style="color: rgb(0, 0, 102);" href="./memberlist.php">dark_vidor</a> 
      <a href="./viewtopic.php?"><img height="9" width="11" title="Voir le dernier message" alt="Voir le dernier message" src="icon_topic_latest.gif"></a></span> 
    </dd>
  </dl>
</li>
</ul>

Voici ce que j'ai actuellement avec ce code :
http://img96.imageshack.us/img96/9311/sanstitre3o.th.jpg

Je souhaite donner un aspect plus tableau comme ceci (bordure sur tte la hauteur, texte centré verticalement) :

http://img697.imageshack.us/img697/1782/sanstitre32f.th.jpg

Sans toucher au code HTML est ce possible avec le CSS ?

J'ai chercher du coté des propriétés display: table, table-row et table-cell mais je sais pas comment les appliqués correctement

Merci pour votre aide
Modifié par dark_vidor (18 Feb 2010 - 15:37)

Bonjour,

Si le but est de faire un tableau, il faut faire un tableau ; au lieu de bidouiller avec des balises qui servent à autre chose (dl c'est pour les listes de définitions, uniquement). Ton idée est (limite) pire que d'utiliser les tableaux pour de la mise en page.


ps. : Merci de supprimer l'URL de ta signature, qui est contraire aux règles du forum.

Hum je souhaiterai ne pas trop toucher au HTML

J'aimerai au moins centrer les blocs verticalement, il doit y avoir une possibilité de le faire ?

Bonjour,

dark_vidor a écrit :
http://img96.imageshack.us/img96/9311/sanstitre3o.th.jpg

Oh un tableau !

dark_vidor a écrit :
J'ai chercher du coté des propriétés display: table, table-row et table-cell mais je sais pas comment les appliqués correctement

Avec Firefox c'est relativement simple mais Safari (le 3 sûr, le 4 j'ai pas encore testé) exige un conteneur en table-row pour appliquer table-cell aux éléments descendants.
IE euh ...
Table de compatibilité : http://www.quirksmode.org/css/display.html (et ça donne la réponse à ma remarque ci-dessus ; Safari 4 OK)

Perso je tenterais avec display: inline-block; ; l'alignement vertical n'y pose pas de problème

Laurie-Anne a écrit :
(limite) pire

c'est pas limite pire, *c'est* pire
Si je lis [18] [594], avant de comprendre que c'est un sujet qui fait 18 pages et qui a 594 messages il va s'écouler un petit bout de temps ... alors que si c'était 2 cellules avec 2 cellules d'en-tête <th scope="col">Nombre de pages</th><th scope="col">Nombre de messages</th> ça prendrait 2 sec

Salut !

Ouh Pinaise ! On a pas fini d'entendre parler de ce (@%$ @%$) phpBB qui est passé au tableless "pour être plus accessible et respectueux des standards" !

moué

et bien sur si on reprend le subsilver le style avec les tableaux justement ben certains mods sont pas compatible et c'est la galère

J'ai tenté le inline-block mais ça veux rien savoir

Voici un exemple flagrant de décalage ... : http://www.gt-trophy.com/phpbb3/viewforum.php?f=11

Et comme la hauteur est dynamique je peux pas jouer avec les padding

Et si je commence à remplacer les listes par des tableaux j'ai pas fini

Salut,

"Faire un tableau avec un tableau" et "Faire une liste de définition avec une liste de définition" ! Ces choses sont faites pour ça, pourquoi absolument vouloir les détourner ?

Ah oui :

dark_vidor a écrit :
Et si je commence à remplacer les listes par des tableaux j'ai pas fini confused

En même temps, si la tâche te fait peur, autant ne pas faire de site ça te couteras moins d'énergie.

Bref tout ça pour dire que oui c'est un effort supplémentaire, mais tu n'en seras que plus satisfait si la chose est bien faite... Si c'est pour la faire à moitié, quel intérêt ?
Modifié par Mikachu (18 Feb 2010 - 16:41)

Pourquoi la communauté des développeurs de phpBB ont fait les choses ainsi ?

J'ai du mal a tout comprendre là

Et non ça me fait pas peur... ce qui me fait peur c'est les mises à jour future de phpbb
Modifié par dark_vidor (18 Feb 2010 - 16:47)