[css] Centrage de tableaux div et span
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 :cry:
J’ai crée le css suivant :
Code:
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;
} |
