bonjour
petit soucis avec mon css
"<html>
<body>
<div class="box">
<table border="1">
<tr>
<th>SEMAINE</th>
<th>DATES</th>
<th>option</th>
<th>disponibilite</th>
</tr>
<tr>
<th>1</th>
<td>du au </td>
<td/>
<td>
<span style="color:
</td>
</tr>
<tr>
<th>2</th>
<td>du au </td>
<td/>
<td>
<span style="color:
ff0000;">reserve</span>
</td>
</tr>
<tr>
<th>3</th>
<td>du au </td>
<td/>
<td>
<span style="color:
ff0000;">reserve</span>
</td>
</tr>
<tr>
<th>4</th>
<td>du au </td>
<td/>
<td>
<span style="color:
ff0000;">reserve</span>
</td>
</tr>
</table>
<table border="1">
<tr>
<th>SEMAINE</th>
<th>DATES</th>
<th>option</th>
<th>disponibilite</th>
</tr>
<tr>
<th>1</th>
<td>du au </td>
<td/>
<td>
<span style="color:
ff0000;">reserve</span>
</td>
</tr>
<tr>
<th>2</th>
<td>du au </td>
<td/>
<td>
<span style="color:
ff0000;">reserve</span>
</td>
</tr>
<tr>
<th>3</th>
<td>du au </td>
<td/>
<td>
<span style="color:
ff0000;">reserve</span>
</td>
</tr>
<tr>
<th>4</th>
<td>du au </td>
<td/>
<td>
<span style="color:
ff0000;">reserve</span>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>"
css
".box{
display: flex;
justify-content: flex-start;
margin: 150px 650px
}
"
Ce que je veux
j aimerai un espace entre mes deux tableaux
Ce que j'obtiens
j ai bien essaye du margin mais cela ne fonctionne pas
.box { display: flex; justify-content: center; margin: auto; }
Et après tu met un margin-right sur un tableau et voilà
Bonjour
Oui malheureusement je n y arrive pas
Je me demande s il ne manque pas quelque chose dans mon code html
Essaie d'ajouter ça à ton CSS:
.box table {margin:0 10px;}
La marge ne doit pas être appliquée à box mais aux tableaux contenus dans box. Jette un oeil sur les sélecteurs en CSS