Une table dans la mare du css
La plupart du temps, en bon codeur que nous sommes (enfin pas tous), nous utilisons les balises div et autres joyeusetés pour la structuration de notre design.
L’utilisation de la balise <table> n’intervenant que pour les données tabulaires.
Oui mais.. oui mais, je viens de tomber sur un article de thinkvitamin.
Selon l’auteur de l’article “Table : la prochaine évolution dans la conception css“, l’apprentissage du css et de la structuration serait facilitée par l’utilisation de propriété css visant à reproduire le schéma d’un tableau.
Cet apprentissage serait plus simple - plus évident - pour un débutant connaissant les balises table.
Transiter par une phase “table dans le css” permet une adoption en douceur : “How can we expect beginners to adopt CSS for layout when it takes someone with the resourcefulness (and snappy dress sense) of MacGyver to fully understand the techniques involved?”.
Je trouve que cet argument est tout à fait recevable en terme de “processus d’apprentissage”.
Mais, car il y un mais, je reste dubitatif sur l’interprétation par les différents navigateurs (en ayant une petite pensé pour IE6 encore très utilisé) des balises table in css (ex : display:table; display:table-row; display:table-cell;).
S’il s’avérait que les comportements diffèrent d’un navigateur à l’autre, alors une partie du gain espéré s’envolerait.
Je vous invite à me dire ce que vous en pensez, et si par hasard, vous pratiquez déjà cette méthode.
25 novembre 2008 à 18:28
retour d’expérience professionnelle, nous avions un site en full table et CSS, nous sommes passés à du div et CSS, la plupart ont eu une phase d’intégration assez longue pour comprendre la logique div.
Cet argument tient la route quand une personne codait en tableau et qu’elle se donne la peine de comprendre la logique div, pour un débutant, rien de tel que de démarrer par du div même si ça augure de belles soirées en perspective.
25 novembre 2008 à 21:03
Le coup des display css avec des éléments de table c’est super pratique pour plein de truc : hyper facile de faire en sorte par exemple que deux div l’une à côté de l’autre s’adapte à la hauteur de la plus grande par exemple.
Mais dès qu’on passe dans IE… Ben faut deux styles CSS différents : un pour IE, et un pour les vrai browsers… Du coup je sais pas trop si c’est vraiment une bonne idée.
Enfin si c’est juste pour de l’apprentissage, on peut très bien ne faire ses teste que dans un seul navigateur du moment que ce n’est pas un site “pour de vrai”
28 novembre 2008 à 1:08
Pour avoir un peu étudié la question récemment, l’utilisation des ces propriétés est plus a mon goût un exercice de style qu’un bon choix technique. Si ça vous intéresse j’ai publié mes conclusions ici.
7 décembre 2008 à 13:16
COmme beaucoup, j’ai appris par les tableaux en 2000, puis je suis venu au CSS. Et du coup, les avantages des CSS ont été évidents. EN ce sens, je rejoindrais l’avis de l’auteur. En revanche, j’aimerai bien connaitre le point de vue de ceux qui n’ont jamais appris les tableaux. Pas sur que ça soit moins douloureux
16 décembre 2008 à 14:41
Salut :
Je passé par là, et me permet un commentaire de fainéant !
J’ai toujours utilisé les table, c’était plus facile, j’ai commencé par là ! et DW faisait quelque chose de sympa !
la compatibilité entre les navigateur était correct … mais depuis la disparition de IE comme standard quasi exclusif, j’ai été contraint de revoir ma copie et faire des sites spécifiques aux standards W3C. et maintenant, je mélange les deux des tables et des div tout en doublant les css; ce qui n’est pas pris en compte sur IE est spécifiquement inscrit dans le code, en espérant que ça ne perturbe pas trop les autres navigateurs !
Vivement que microsoft pose un second genou à terre devant les règles de l’art !
La compatibilité IE7 et Google Chrome est actuellement un vrai dilemme !
BonCode
29 mai 2009 à 15:01
Pour malheureusement avoir vu le CV de mes contemporains ainsi que leurs sites web (ben oui, c’est ça le recrutement), et pour avoir parlé à certains, je reste posté sur la limite du full CSS pour le design, et balises table uniquement pour les données.
L’on sait que l’être humain est un être particulière fainéant dans la stabilité : il aime bien rester au chaud dans son cocon de bien-être qu’il s’est formé et ne pas remettre tout en question à la moindre nouveauté.
Ainsi, j’ai vu nombreux “webdesigners” coder encore en full table en 2009 (si si), simplement parce qu’il avait appris comme cela, et ne voyait pas l’intérêt d’apprendre autre chose, sous prétexte que ça leur plaisait comme ça.
Je me suis déjà exprimé sur le sujet au TDW Camp sur ce que je pensais de ce genre de cas, mais les bons designers, ceux qui se mettent à jour tout le temps, ne sont pas légions malheureusement.
J’ai bien peur qu’un tel apprentissage ne soit pas le meilleur, eu égard à cette fainéantise de l’être humain…
6 juin 2009 à 18:43
Pour ma part, j’ai aussi appris à codé Html avec des tabs, je me suis rapidement adapté quand les div se sont standardisées. Je vois autour de moi des webdesigners qui n’ont jamais codé en tableaux et qui paniquent carrément à l’idée d’en faire un. Alors que je me pensais has been je leur donne des leçons.
C’est clair que celui qui peut passer de l’un à l’autre et les mélanger à un sacré atout (Mc Gyver du web !).
J’ai lu aussi un article en anglais, sur une webdesigner qui avait fait un bouquin, dans lequel elle disait d’abandonner carrément les div, beaucoup de provoc’ pour ce faire de la pub… mais je ne me souviens plus du bouquin ;-(