28172 sujets

CSS et mise en forme, CSS3

Problème de tableau en div

Bonjour,

J'essaie en vain de faire un tableau de donnée en div mais j'y arrive à moitié.
J'ai suivi le tuto suivant: http://dbmwebdesign.fr/Modules/tableau-div/tableau-div.html.

Ce tuto fonctionne très bien mais si je supprime les dimensions des conteneurs, je n'arrive pas, dés que je redimenssionne mon navigateur, à l'empêcher d'empiler les div.

Vous pouvez trouver un exemple à cette adresse:
http://easychrono.be/mobile/

Est-ce que vous auriez une idée des modifications css à effectuer pour régler ce problème .

Merci pour votre aide !
Pas moyen de faire autrement qu'en utilisant un tableau ?

Le but étant d'avoir du responsive design et de pouvoir masquer certaines infos en fonction du device. Ce qui n'est pas possible avec un tableau je pense.
gc-nomade a écrit :
bonjour,
un tableau et ses balises repondent bien a display Smiley smile

C'est pas faux Smiley lol
Mais peut-être au détriment de la lisibilité, notamment lors de la consultation sur du matériel mobile (que le survol laisse de marbre dans ton exemple), non ?
6l20 a écrit :

C'est pas faux Smiley lol
Mais peut-être au détriment de la lisibilité, notamment lors de la consultation sur du matériel mobile (que le survol laisse de marbre dans ton exemple), non ?

l'exemple avec hover sert simplement a mettre facilement en évidence les changement de display (block, table-ell et none).
Aprés , si le test semble utilisable,c'est effectivement plutôt les mediaqueries (ou autre que hover) qui seront plus adapté au situation qu'il veut gérer.
Autre point de vue :checked/:valid t display:none par exemple pour afficher + ou moins de colonnes au click/touch Smiley smile
++
Sujet clos
Aller à