Aligner ses données de gauche vers la droite

**SHEYPT** · 16/01/2023, 13h03

Bonjour à tous
Je travaille sur un projet qui est d'afficher des commandes qui proviennent d'une base de donnée.

J'affiche les commandes parfaitement dans un bloc auquel j'ai défini une taille précise.

Mais je souheterais est que lorsque les commandes atteignent la fin du bloc elles se redirigent a droite histoire de ne pas a avoir baisser la page de navigation.
J'ai utilisé le column layout mais cela n'ordonne pas les données correctement.

Voici le screen :
Nom : 97.PNG
Affichages : 85
Taille : 59,3 Ko

Nom : 97.PNG
Affichages : 85
Taille : 59,3 Ko

Voici mes différents codes :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="refresh" content="10" />
    <link rel="stylesheet" type="text/css" href="css/commandes.css">
</head>
<body>
        <?php
                $sql = "SELECT enc_id, enc_cmd_num, enc_paye, enc_prepared, enc_ext_ref, enc_heure_fab_deb, enc_type, enc_heure_fab_fin, Client.cli_civilite,Client.cli_nom, Client.cli_prenom FROM Client RIGHT JOIN encaissement ON Client.cli_id = encaissement.enc_client WHERE enc_etat<>4 AND enc_date= '20230116' AND ((DATEDIFF(n,enc_heure_fab_fin, getDate()) < 3 AND enc_prepared <> 0) OR enc_prepared = 0) AND enc_emporte <> 1 ORDER BY encaissement.enc_heure_fab_deb ASC";
 
                $results = odbc_exec( $conn, $sql );
        ?>
 
<div class="TABLELEFT">
        <table>
            <?php
                while( $row = odbc_fetch_array( $results ) )
                {
                    printf('<tr>');
 
                    if ( $row["enc_ext_ref"] != '')
                        {
                            $num_cmd = $row["enc_ext_ref"];
                        }
                    else
                        {
                            $num_cmd =$row["enc_cmd_num"];
                        }
 
 
                    if ($row['enc_paye'] = 0)
                    {
                        $etat_cmd='&nbsp&nbsp&nbsp&nbsp<span class="PRETE">ATTENTE REGLEMENT</span></br>';
                    }
                    else
                    {
                        switch( $row['enc_prepared'] )
                        {
                            case 0: $etat_cmd='&nbsp&nbsp&nbsp&nbsp<span class="ENPREPA">EN PREPARATION</span><br>'; break;
 
                            case 1: $etat_cmd='&nbsp&nbsp&nbsp&nbsp<span class="PRETE">COMMANDE PRETE</span></br>'; break;
                        }
                    }
 
                    switch( $row['enc_type'] )
                    {
                        case 0: $commande='&nbsp&nbsp&nbsp&nbsp<span class="EMPORTER"><img src="img/emporter.png" id="EMP"></img></span>&nbsp</br>'; break;
 
                        case 1: $commande='&nbsp&nbsp&nbsp&nbsp<span class="LIVRAISON"><img src="img/livreur.png" id="LIV"></img></span>&nbsp<br>'; break;
 
                        case 2: $commande='&nbsp&nbsp&nbsp&nbsp<span class="SURPLACE"><img src="img/table1.png" id="TABLE"></img></span>&nbsp&nbsp&nbsp&nbsp<br>'; break;
                    }
 
                    printf('<td>%s</td>',$row["enc_cmd_num"],$etat_cmd);
 
                    printf('<td>%s</td>',$etat_cmd);
                    printf('<td>%s</td>',$commande);
                
                }
 
            ?>
            </table>
        </div>
 
   </body>
</html>

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
#TABLE{
width : 100px;
height : 70px;
color: pink;
}
 
#EMP{
width : 70px;
height : 70px;
}
 
#LIV{
width : 70px;
height : 70px;
}
 
 
.TABLELEFT{
	float: left;
	margin-left: 50px;
}