PUBLIC MARKS with tags css & tableaux

Même si leur usage a été banni dans la mise en forme de pages au profit des DIV, les tableaux sont un outil de choix dès qu'il s'agit d'afficher des données sous forme de lignes et de colonnes. Il reste cependant difficile de créer des tableaux lisibles et conformes aux standards. Voici un condensé de bonnes pratiques pour styler vos tableaux, qui n'a rien de révolutionnaire mais vous fera peut-être gagner du temps.

tableau de données en ajax il est possible d'éditer le contenu réorganisation en cliquant sur les titres

Sylvain a choisi un exemple concret de site web et a comparé les deux méthodes de conception web : la méthode "ancienne" (tableaux, wysiwyg) et la méthode "moderne" (sémantique, css, séparation fond/forme). Il fait la distinction entre les points de vue du concepteur et celui de l'utilisateur, en terme de poids de page, de lisibilité du code, de la facilité d'entretien, de l'accessibilité, etc.

Les mises en pages en CSS ont de nombreux avantages par rapport aux designs par tableaux. Cependant, un bloc <div> ne se comporte pas comme une cellule de tableau et le problème le plus fréquent est que l'on voudrait que deux cellules côte à côte s'adaptent l'une à l'autre lorsqu'elles sont étirées en fonction de leur contenu.

A l'heure actuelle, la grande majorité des sites web sont construits grâce à l'utilisation de tableaux. Les tableaux, permettent en effet de structurer la page en plusieurs parties, et chaque partie peut contenir un menu, un entête, un contenu,... Cependant, cette méthode quasi-universelle présente de nombreux désavantages...