Table, CSS et les bordures
mon objectif : faire un tableau, sans marges ni à l'extérieur du tableau, ni entre les cellules du tableau.
or soit je ne mets pas au niveau du CSS de la table "border-collapse:collapse"
et ça donne ça (il y a des marges entre les cellules) :
http://uploads.imagup.com/15/1286285711.png
soit je mets "border-collapse:collapse;" et ça donne ça (le bouton mord sur le tableau) :
http://ups.imagup.com/ano1/1286285811.png
Voici mon CSS :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| .cw-OpeFlexTable{
border: medium solid #6495ed;
border-collapse:collapse;
/* si enlevé le contour du tableau est ok mais pb de marge entre les cellules */
/* si mis le contour du tableau est KO mais il n'y a plus de marges entre les cellules ... */
}
.OpeFlexTable-cells{
border-style:solid; /* none solid none */
border-width: 1px;
border-color: blue;
margin: 0px; /* inopérant ... */
} |
Et bien sûr j'applique ces règles via :
Code:
1
2
3
4
5
| //au niveau de la table :
ft.setStyleName("cw-OpeFlexTable");
//sur toutes les cellules (ici seule la cellule 0,0 est représentée ):
ft.getCellFormatter().setStyleName(0,0,"OpeFlexTable-cells"); |
des idées ??
