créer un webset 3 colonne Fermé

Question

Bonjour,

j'ai trouvé  un webset à fond multiple qui me plait , mais comment rendre ce webset en 3 colonne ?

slt · Answer

fai tableau

PhP · Answer

Bsr

Utiliser un tableau est de loin bcp plus simple que de se servir du css à base de div flottants dans le cas du multicolonnage : tout simplement parce que le multicolonnage n'est pas encore pris en compte par le W3C et encore moins par les navigateurs.

Bref avec le css ça fonctionne mais faut bricoler : par ex faire n colonnes auto-ajustables en largeur, de même longueur avec un fond d'image différent pour chaque colonne, c'est loin d'être simple ! On comprend vraiment ce que veut dire "les éléments flottants sont exclus du flux normal du document" !
Avec un tableau c'est trivial !

Comme on dit y'a que les c... qui changent pas d'avis j'ai quand même essayé le css mais seulement avec des colonnes de largeur fixe et des fonds d'image différents : j'y arrive mais au prix d'une complexité accrue.

PhP · Answer

Bjr

Oui on n'a pas n'on plus besoin d'utiliser sa voiture pour aller à la boulangerie lorsqu'elle est située à 300 m et pourtant ... lol

A l'époque d'IE6 : c'est-à-dire en 2008 comme pour FF 2 d'ailleurs ! T'Oh 


Je n'ai jamais dit que les tableaux étaient conçus pour (mais au fait quand a-t-on la permission de les utiliser finalement ? lol) mais qu'ils étaient beaucoup plus simples et mieux supportés sur la plupart des navigateurs.
Le css + div sont peut-être plus respectueux de la norme du W3C 
(norme qui ne me convient pas toujours d'ailleurs : 
- pourquoi est-ce si compliqué de centrer verticalement ? 
- les marges négatives ah bon ça existe ? ben oui (ça sens la pure bidouille d'informaticien) ! Essayer de le faire comprendre à votre imprimante ...
- les dimensions des boîtes qui ne tient pas compte des bordures, des marges : bonjour le bordel 
un couple innerwith/outerwidth aurait été tellement plus simple et plus naturel.  Qd je mesure les dimensions d'une boîte j'ai tendance à mesurer ses dimensions extérieures ... )

Maitenant  si on considère un tableau de 3 cellules formant 3 colonnes avec des fonds différents et la même chose avec 3 div (ou plus ...) + un fichier css dans les 2 cas.

Mes questions pour pouvoir réellement comparer :

Pour un même navigateur donné pour un même contenu (quelques ko de texte) quels sont les écarts en fonction de la solution adoptée :
- au niveau du temps de chargement ?
- au niveau de la charge processeur & la charge mémoire (sur un dual-core 2GHz par ex) ?
- au niveau de l'ordre de chargement  ?
- au niveau du nombre de lignes de code exécutées ?
- au niveau de l'accessibilité pour les personnes déficientes ?
etc ...

Le fait d'utiliser display:table-cell sur un élément fait-il en sorte que cela revient en fait à utiliser un bon vieux td donc un tableau au final ? ... Probablement !



Par curisosité, comme je l'ai déjà dit,  je commence à utiliser les divs+css pour la mise en page : et bien les flottants sont loin d'être intuitifs

Xil · Answer

A l'époque d'IE6 : c'est-à-dire en 2008 ! T'Oh 
Certes, mais je parlais plutôt de l'époque pré-IE7, quand il n'y avait pratiquement QUE IE6. 

(mais au fait quand a-t-on la permission de les utiliser finalement ? lol)
Hmmm... pour présenter... des tableaux ?!


Pour un même navigateur donné pour un même contenu (quelques ko de texte) quels sont les écarts en fonction de la solution adoptée :
- au niveau du temps de chargement ?
- au niveau de la charge processeur & la charge mémoire (sur un dual-core 2GHz par ex) ?
- au niveau de l'ordre de chargement ?
- au niveau du nombre de lignes de code exécutées ? 

Aucune différence. Ce n'est que du html/css, aucune exécution de code, juste du formatage de contenu. Les poussières que ca consomme ne font aucune différence, même pour une petite config.



- au niveau de l'accessibilité pour les personnes déficientes ? 

C'est là que ca coince. Et je m'explique :
On s'est peut-être mal compris, et j'ai peut-être crié trop vite et sans précision "Non aux tableaux!".
Non, ce n'est pas une hérésie d'utiliser les tableaux. Non ce n'est pas anti-validation.
Mais c'est par principe. On utilise les tableaux pour les tableaux, et le css pour la présentation.
Ca ne fera aucune différence pour les personnes normales, ils veront la même chose et pour la plupart, ne sauront pas faire la différence.
Mais pour les personnes déficientes, assistées par un système electronique, ca posera problème. Parce que pour le système, un tableau, ce n'est pas de la présentation. Hors, tout ce qu'il vera, c'est la balise <table>.
Et le problème ne se pose pas que pour les tableaux.


Voici un peu plus de détails :
http://css.alsacreations.com/Bases-et-indispensables/XHTML-CSS-accessibilite-confusions-et-amalgames
http://www.w3.org/TR/CSS-access/


On peut commencer à se dire "oui mais y'a pas d'aveugles qui vont venir sur mon site!", mais non. 
On ne prend pas trop de risque à bruler un feu rouge à 3h du mat' quand il n'y a personne, ce n'est pas pour autant que c'est bien.
C'est dur de faire du CSS quand les tableaux sont là, c'est dur de rester 5min à un feu rouge quand il n'y a personne et qu'on est pressé.
Il y'a des normes, il faut les suivre.

Créer un webset 3 colonne

4 réponses

Discussions similaires