{"id":806,"date":"2007-02-02T12:11:37","date_gmt":"2007-02-02T11:11:37","guid":{"rendered":"http:\/\/www.roumazeilles.net\/news\/fr\/wordpress\/2007\/02\/02\/utiliser-les-tables-html-meme-avec-du-css\/"},"modified":"2007-02-02T12:12:46","modified_gmt":"2007-02-02T11:12:46","slug":"utiliser-les-tables-html-meme-avec-du-css","status":"publish","type":"post","link":"https:\/\/www.roumazeilles.net\/news\/fr\/wordpress\/2007\/02\/02\/utiliser-les-tables-html-meme-avec-du-css\/","title":{"rendered":"Utiliser les tables HTML, m\u00eame avec du CSS"},"content":{"rendered":"

Apr\u00e8s un pr\u00e9c\u00e9dent article<\/a> \u00e0 propos des raisons de ne pas utiliser les tables HTML (et de leur pr\u00e9f\u00e9rer les tables CSS), je souhaite revenir un peu sur ce sujet \u00e0 partir de ma propre exp\u00e9rience.<\/p>\n

Lors du passage \u00e0 la version 5 de l’interface de ce site (la version \u00ab\u00a0verte\u00a0\u00bb qui est pr\u00e9sente \u00e0 la publication du pr\u00e9sent article), j’ai essay\u00e9 de construire l’interface en maximisant l’utilisation des CSS afin de faciliter les migrations ult\u00e9rieures et d’all\u00e9ger la construction en s\u00e9parant contenu et mise en page. N\u00e9anmoins, il m’est rapidement apparu que la mise en page en trois colonnes (plus un pied de page) que j’utilise est l’une des plus difficiles \u00e0 reproduire avec les CSS et que cela pose de gros probl\u00e8mes de compatibilit\u00e9 avec les diff\u00e9rents navigateurs que l’on rencontre.<\/p>\n

C’est pourquoi j’ai d\u00e9cid\u00e9 de choisir le meilleur des deux mondes. Expliquons-nous. Les tables HTML sont tr\u00e8s simples \u00e0 construire et sont tr\u00e8s g\u00e9n\u00e9ralement bien reconnues par tous les navigateurs actuels (leur d\u00e9finition est maintenant antique<\/em>). J’ai donc d\u00e9cid\u00e9 de structurer le site autour de tables HTML. Mais je me suis content\u00e9 de donner la structure. Toute leur mise en forme a \u00e9t\u00e9 faite avec des tags CSS.<\/p>\n

C’est une solution tr\u00e8s riche. On utilise chacun \u00e0 ce qu’il sait faire le mieux : les tables HTML permettent de d\u00e9finir un nombre de colonnes, de grouper certaines parties de mani\u00e8re tr\u00e8s claire, etc. Les tags CSS permettent de d\u00e9finir s\u00e9par\u00e9ment et proprement les tailles, les marges, les bordures, les fonds de case, les couleurs, etc. On obtient une pr\u00e9sentation qui est tr\u00e8s tol\u00e9rante (les tables HTML se comportent g\u00e9n\u00e9ralement tr\u00e8s bien quand une image trop grande -une erreur courante- force<\/em> les dimensions). Mais les mises en forme sont tr\u00e8s souples dans le CSS.<\/p>\n

Si vous \u00eates int\u00e9ress\u00e9, je vous recommande ainsi de consulter les sources de cette page et le fichier CSS associ\u00e9<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Apr\u00e8s un pr\u00e9c\u00e9dent article \u00e0 propos des raisons de ne pas utiliser les tables HTML (et de leur pr\u00e9f\u00e9rer les tables CSS), je souhaite revenir un peu sur ce sujet \u00e0 partir de ma propre exp\u00e9rience. Lors du passage \u00e0 la version 5 de l’interface de ce site (la version \u00ab\u00a0verte\u00a0\u00bb qui est pr\u00e9sente \u00e0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,36,51,37],"tags":[],"class_list":["post-806","post","type-post","status-publish","format-standard","hentry","category-blog","category-creer-un-site","category-html-et-css","category-nouveau-site"],"_links":{"self":[{"href":"https:\/\/www.roumazeilles.net\/news\/fr\/wordpress\/wp-json\/wp\/v2\/posts\/806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.roumazeilles.net\/news\/fr\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.roumazeilles.net\/news\/fr\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.roumazeilles.net\/news\/fr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.roumazeilles.net\/news\/fr\/wordpress\/wp-json\/wp\/v2\/comments?post=806"}],"version-history":[{"count":0,"href":"https:\/\/www.roumazeilles.net\/news\/fr\/wordpress\/wp-json\/wp\/v2\/posts\/806\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.roumazeilles.net\/news\/fr\/wordpress\/wp-json\/wp\/v2\/media?parent=806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.roumazeilles.net\/news\/fr\/wordpress\/wp-json\/wp\/v2\/categories?post=806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.roumazeilles.net\/news\/fr\/wordpress\/wp-json\/wp\/v2\/tags?post=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}