28173 sujets

CSS et mise en forme, CSS3

Les tableaux sont fait pour montrer des données tabulaires Smiley smile
Bon et en général ils les listent aussi...

Bref, je suis en train de refaire mon site en abandonnant cette horrible mise en page avec des tableaux, mais sur un truc, j'ai un doute...

La liste des circuits qui se trouve sur cette page :
http://www.oasisdemezgarne.com/lgfr/circuits_tourisme_au_Maroc.htm

Si on remplace les images par des croix avec un titre de colonne, ça a quand même une sacrée tête de tableau Smiley smile

Alors qu'en disent les pros de la sémantique ? Tableau ou div ? (et dans ce cas là ce sera sans doute une liste de définition, pour rajouter un petit desctiptif court du circuit)
Modifié par Marie-Aude (13 Aug 2007 - 09:44)
“les pros de la sémantique” et les autres commencent par dire bonjour.

La liste des circuits “on y va” est typiquement un (des) tableau.
 
Modifié par Gihef (13 Aug 2007 - 00:18)
Bonjour,

Tableau, sans aucun doute.
Par contre, le tableau actuel est sémantiquement pas terrible. Il y a des lignes qui présentent des données, et d'autres lignes qui sont en fait des titres. Aussi, il n'y a pas de titres aux différentes colonnes, alors que ceux-ci rendraient l'information plus compréhensible.

Ensuite, je pense qu'il faudrait n'avoir qu'une seule colonne pour toutes les caractéristiques. Ou avoir une colonne par type de caractéristique, et répondre par oui/non, par exemple.

Pour les lignes de titres:
- soit on les mets comme titres de ligne (élément th, avec du rowspan pour que ça fasse office de titre pour plusieurs lignes à la fois si besoin;
- soit on fait une série de petits tableaux sur le même modèle (les titres étant alors utilisés comme élément caption).

Faire des tableaux lisibles et surtout accessibles, ça n'est à vrai dire pas une mince affaire.

Un peu de lecture:
http://openweb.eu.org/articles/tableaux_css/
Gihef a écrit :
“les pros de la sémantique” et les autres commencent par dire bonjour.

La liste des circuits “on y va” est typiquement un (des) tableau.


Comme j'ai déjà fait trois messages ce soir où je disais bonjour je ne me suis pas répétée, mais je m'en excuse humblement.

Merci pour l'avis sur le tableau
Bonsoir Smiley smile (quand on est insomniaque, faut assumer)

Florent V. a écrit :

Par contre, le tableau actuel est sémantiquement pas terrible.

Ca m'étonne pas, à l'époque où je l'ai fait je ne savais pas ce que c'était que la sémantique... Smiley smile

Florent V. a écrit :

Faire des tableaux lisibles et surtout accessibles, ça n'est à vrai dire pas une mince affaire.

C'est bien pour ça "aussi" que j'hésite avec la liste, qui me semble plus simple...

Florent V. a écrit :
Un peu de lecture:
http://openweb.eu.org/articles/tableaux_css/


Merci en tout cas Smiley smile