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:

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>

    <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

5 réponses


LOICK HEROGUER
Réponse acceptée

.box { display: flex; justify-content: center; margin: auto; }
Et après tu met un margin-right sur un tableau et voilà

Je suis sur mobile, le code est pas super lisible..
Mais tu as essayer un padding ?

Bonjour
Oui malheureusement je n y arrive pas
Je me demande s il ne manque pas quelque chose dans mon code html

Saurais tu coller ton code dans un code pen ? (Le html et le css)

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