Les tableaux en HTML et CSS2

Présentation sous forme de tableaux

Pour représenter des données qui ne sont pas structurées comme des tableaux, tout en utilisant le modèle de rendu table de CSS.

Le problème vient de l'implémentation incomplète de la norme par les navigateurs, en particulier IE6/7.

Un tableau récaptulatif de ce qui est ou non implémenté de CSS2 par les différents navigateurs est bien pratique. Et une foule de petits exemples de codes de et de rendu, propriété par propriété.

Tips

IE n'accepterait d'appliquer display=table-cell qu'à des éléments span (ou peut-être tout élément “nativement” in-line).

Voici un exemple intéressant qui utilise conjointement deux déclaration display (table-cell et inline-block) afin de créer des cellule multilignes redimentionnables. Consulter le code source de la page.

span	{ display:table-cell; display:inline-block; width:2em; height:2m; margin:0.2em; background-color:#fee; padding:0.2em; border:1px solid #caa; text-align:center }
 
web_tableaux.txt · Dernière modification: 2010/02/04 13:57 (édition externe)
 
Sauf mention contraire, le contenu de ce wiki est placé sous la licence suivante:CC Attribution-Noncommercial-Share Alike 3.0 Unported
Recent changes RSS feed Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki