Salutations,

Je cherche à rendre, via le CSS, les tables de notre site associatif responsives.

Pas trop de soucis, pour l'instant, si ce n'est sur un tableau dynamique composé à partir de variables qui devient immonde en responsive.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
(...)
	echo '<table width="100%" border="0" bgcolor="#FFFFFF" STYLE="background-image: url(pict/Cadre1-fond.png); background-repeat: no-repeat; background-position: center; background-size: contain" class="table">';
 
	// Entetes
	echo '<tr>';
	echo '<td align="left">Sujets / Derni&egrave;res r&eacute;ponses</td>';
	echo '<td align="center">Vues</td>';
	echo '<td align="right">Dernier message</td>';
	echo '<td align="center">Date</td>';
	echo '</tr>';
(...)
Et le CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
(...)
	.table td {
		display: block; /* Alignement vertical */
		width: auto!important;
	}
(...)
Cela fonctionne pour des table sans plusieurs TR, mais avec celui-ci... C'est pas bon.

Any idea... ?