Discussion :

[sasch]

Bonjour,

J'ai un tableau avec des li et ul et je souhaiterai que le $data['room'] soit coller à droite.
Ou faire deux tableur (à gauche avec le nom et prénom et deuxième avec le room.

Pouvez-vous m'aider svpl ?

Code PHP :

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
{ 
      if ( $c == 0 )
      {
        echo '<div class="w3-container w3-cell w3-small" style="width:16.6%"><ul class="w3-ul ">';
        echo '<li class="w3-padding-small w3-hover-blue w3-animate-zoom">'.$data['nom'].' '.$data['prenom'].'<b>'.$data['room'].'</b></li>';
      };
       if ( $c > 0 and $c < 24 )
      {
        echo '<li class="w3-padding-small w3-hover-blue">'.$data['nom'].' '.$data['prenom'].'<b> '.$data['room'].' </b></li>';
      };
      if ( $c == 24 )
      {
        echo '<li class="w3-padding-small"></li>';
        echo '</ul></div>';
        echo '<div class="w3-container  w3-cell w3-small" style="width:16.6%"><ul class="w3-ul">';
        echo '<li class="w3-padding-small w3-hover-blue">'.$data['nom'].' '.$data['prenom'].'<b> <w3-left-align>' .$data['room'].' </b></li>';
      };

[Invité]

Bonjour,

le code PHP n'a aucun intérêt dans le forum CSS.

Il faut montrer le code CSS, et le code HTML associé (généré -> "Ctrl"+"U")

[sasch]

jreaux62 ,

Merci pour ta réponse, mais je ne vois pas se que je dois faire.

Bien à toi,

Sacha

[NoSmoking]

Bonjour,

mais je ne vois pas se que je dois faire

tout simplement fournir le code HTML généré.

Ceci dit je ne vois pas trop ce que tu espères obtenir dans un espace de 16.6%, style="width:16.6%", mais tu peux toujours essayer de mettre le CSS suivant :

Code :

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

1
2
3
.w3-ul li b {
  float: right;
}

[sasch]

J'j'essaierai ceci tout à leur,

Je voudrai simplement, coller les numéros de chambre à droite. (voir faire deux tableau).

http://legrandsacha.ddns.net:9100/

[Invité]

à tester :

Code :

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

1
2
3
4
.w3-ul li {
    display: flex;
    justify-content: space-between;
}