Discussion :

[HurtMarley]

Bonjour,
Je suis en train d’éliminer tous les <table> (n lignes, 2 colonnes) d’un site pour les remplacer par des tableaux css.
J’ai remplacé les balises table par des balises div de classe tabSaisieCmps, les tr par des div de classe tabLigne et les cellules gauche et droite par des span de classe caseTabD et caseTabG. Au départ les objets placés dans les cellules étaient alignés à gauche et la largeur des cellules était ajustée sur le plus long des objets. De plus les tableaux centrés sur la page.

Mon problème est que je n’arrive pas a centrer mon tableau (tabLigne) et je n’arrive pas non plus a adapter la largeur des cellules avec l’objet le plus long, donc j’ai mis une taille manuellement mais mes objets ont une taille variable !
J'ai bien trouvé tout un tas de sujets sur les centrages mais je n'arrive à faire fonctionner aucune solution

J’ai crée le css suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
.tabSaisieCmps{
	clear: both;
	border: 2px solid blue;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
 
}
 
.tabSaisieCmps .tabLigne{
	position: relative;
	clear: both;
	border: 2px solid green;
	width: auto;
}	
 
.tabSaisieCmps .tabLigne .caseTabG{
	position: relative;
	float: left;
	border: 2px solid pink;
	width: 20%;
 	text-align: left;
 
}
 
.tabSaisieCmps .tabLigne .caseTabD{
	position: relative;
	float: left;
	border: 2px solid red;
	width: 30%;
	text-align: left;
 
}

[philippe281281]

La réponse est simple : garde les tableaux c'est plus pratique !

[HurtMarley]

Oui mais le problème c'est que du coups pour changer la mise en forme c'est assez lourd les tableaux. Et puis c'est une exigence de virer les tableaux .
Pfff il me font criser ces css

[philippe281281]

Pourquoi tu n'expliquerais pas à la personne exigeante qu'elle l'est trop ?

Sinon je pense que tu peux faire
<div style="text-align:center">
<table>
</table>
</div>
et ton tableau devrait être centré.

Pour les largeur variables tu peux tenter width:auto mais je garantis rien...

[HurtMarley]

lol j'aime beaucoup ta solution de je remplace deux balises center par un div . Mais la personne exigeante ne veut pas du tout de tableau . Je l'ai son tableau purement css mais il me reste des problèmes de rezize automatique de cellules et des problèmes de centrage

[philippe281281]

Nan mais dans mon exemple tu mets ton tableau css à la place de table et c'est pareil....

Et après tu dis à la personne exigeante qu'on ne peut pas faire un tableau CSS avec des cellules de largeur variable, point, comme j'ai dit à mon chef qui voulait la même chose !
Bon, en fait on peut mais ça demande du javascript assez relou... tu récupères la largeur de l'élément le plus grand et tu l'appliques à tous les autres... enfin théoriquement ça devrait marcher... mais personnellement je trouve ça d'une stupidité, quand un bête tableau HTML, interprété correctement par tous, fait tout aussi bien...
Et quelles sont les raisons qui poussent la personne exigeante à ne plus vouloir de tableaux d'ailleurs ?