28173 sujets

CSS et mise en forme, CSS3

Salut

Je dois faire un tableau sans utiliser la balise <table> (mais il est fou lui ?! Smiley biggol ).

La raison est la suivante : mon tableau doit pouvoir être réorganisé à l'aide de la bibliothèque script.aculo.us (un peu comme dans cet exemple http://wiki.script.aculo.us/scriptaculous/page/print/SortableListsDemo ). Le problème est que ce script ne fonctionne pas sur les tableaux.

J'ai fait quelques essais mais pour l'instant c'est pas top.

http://www.elfloridita.net/test/test.html
http://www.elfloridita.net/test/test2.html

le premier est pas mal mais les cas n'ont pas la même largeur d'une ligne à l'autre.

Dans le deuxième les cases ont la bonne largeur mais les <div> qui remplacent les <tr> sont aux fraises (ce qui est "normal" puisque j'ai mis des floats sur mes <span>).
Je pourrais bien sur masquer les bordures de mes div et j'aurais ainsi un bò tableau mais ces div sont nécessaires au fonctionnement du script.

Est-ce que quelqu'un peux m'aider ?

Bonne année 2007
mpop a écrit :
Pour le premier cas, il suffit d'utiliser des largeurs fixes (en pourcentages si on veut que ça s'adapte au conteneur).


pas exactement, on ne peut pas donner de largeur à un élément inline. A moins qu'il soit en float (et dans quelques autres cas je crois).

[quote=mpop]
Pour le deuxième cas, il s'agit d'un problème de dépassement des flottants.
On peut tester ceci :
.table div {
	overflow: auto;
}


cette solution me convient très bien, merci.