Mise en forme d'un tableau 2col multilignes avec bordures

Hello !
Petite précision : je suis débutant en css , ne m'en voulez pas trop si le bug d'affichage que je soumets est trivial
Le bug est le suivant : le texte dans chacune des cellules de la partie gauche (classe 'tabtitre', partie grisé) saute littéralement dès que celui-ci fait plus d'une ligne.
Le code est dispo ici : http://msiramy.free.fr/test/tableau.html .

Je suis un peu , du coup je retournerai aux basses taches de ce monde, des tableaux html, si le bug n'est pas résolu. Mais ça serait dommage.
SVP, pas trop de trop compliqués si quelqu'un(e) a une solution.

@+

Marco

Slt, Si tu dois afficher des données tabulaires, tu peux utiliser des tableaux. La mise en forme tableless ne vise pas à bannir toute forme de tableau mais juste la mise en page avec ceux-ci. Enfin c'est ce que j'en ai compris. Si tu dois afficher une liste d'annuaire (nom, tel, adresse...) par exemple, utilise un <table> mais met le en forme grâce à une bonne utilisation des balises (Documente toi sur les balises <thead> <tbody> <tfoot> <th>) et grâce aux attributs CSS "border" et border-collapse.

heu... là... <table>, c'est bien, en effet : c'est simple. ça marche. On sait faire. C'est fait pour. C'est même très accessible.

A la rigueur, une CSS à base de display: table, display: table-cell... sur des éléments de paragraphe et de liste, si le résultat conserve un sens exploitable sans CSS. Mais, ça, ce serait un truc de gourou un peu bête.

En tous cas, reconstituer une apparence de tableau avec des <div> qui ne portent aucun sens en elle-mêmes... C'est du temps perdu pour rien.

Donc, faire un tableau. En dur. Mais accessible, siouplait :
- http://pompage.net/pompe/autableau/
- http://openweb.eu.org/articles/tableaux_css/

<edit>
je mords le premier qui me sort un <dl><dt><dd> sur ce coup là.
</edit>
Modifié par Laurent Denis (27 Mar 2005 - 15:44)

Merci pour vos précieux conseils,
du coup j'ai notamment reproduit le tableau du tuto visible en bas de la page http://openweb.eu.org/articles/tableaux_css/ .

J'ai encore quelques soucis visibles ici : http://msiramy.free.fr/test/tableau.html .
- Quand j'ajoute un <thead> ou un <tfoot> à mon tableau, les bordures sautent. Je sèche totalement sur ce problème,
- Dans le <thead> et le <tfoot>, j'ajoute des balises <tr> pour faire apparaître les bonnes en-têtes. Je ne comprends pas quelle force obscure fait que celles-ci s'alignent soit de gauche à droite soit de haut en bas dans le tableau.

Visiblement je ne suis pas encore apte à passer au tableau
Un conseil, une idée, une suggestion, un commentaire ?