Tableau côte à côte scrollable

**neperien** · 31/05/2013, 15h29

Bonjour à tous et toutes. j'ai le code css suivant :

Code css :

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

1
2
float : left;
margin-left : 5px;

pour des tableaux de class <table></table>
Si j'en met plus de trois sur mon écran, il y en a un qui part en bas.

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
echo "<table class=\"tableau\">";
echo "<caption>Jour ".$jour."</caption>";
echo "<tr>";
if($jour==1)echo"<th class=\"tableau\">Phase de travail</th>";
for($i=0;$i<count($this->tab);$i++){
	echo "<td class=\"tableau\"><input type ='text' $name=titreTab[".$jour."][".$i."] value='".$this->tab[$i]->titre."'/></td>";
}
echo "</tr>";	
if($jour==1){echo "<th class=\"tableau\">Moyens matériels</th>";}
for($i=0;$i<count($this->tab);$i++){
	echo "<td class=\"tableau\"><textarea rows='5' cols='25' name='descr[".$jour."][".$j."]' id='descr'></textarea></td>";
}
echo "</table>";

ce qui donne ceci en php.

Y'aurait t il une astuce pour que les tableaux soient scrollables (que je puisse bouger la barre du bas) de manière à ce qu'ils ne soient plus les uns en dessous des autres ? J'espere qu'un grand manitou du web va exaucer mon voeu !(je rêve un peu trop)

merci d'avance.

**Seta-san** · 01/06/2013, 19h58

Si le 3eme tableau passe en bas c'est que la largeur des trois est supérieure au conteneur. Réduit un peu leur largeur. Apres pour scroller tu peux les mettre chacun dans un div avec une largeur et une hauteur fixe, puis avec l'attribut overflow:auto;

Si tu vois l'idée

Bon courage