Discussion :

[dubitoph]

Bonjour,

Via un script Php, j'affiche une liste via les balises HTML <ul> et <li>. Le problème qui se pose, c'est que l'alignement n'est pas correct lors de l'affichage : les puces <li> d'un groupe <ul> ne se sont pas correctement alignées par rapport aux puces <li> du groupe <ul> précédent et le dernier item <ul> n'est pas aligné par rapport aux autres.

Voici mon script qui affiche ma liste :

Code :

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
echo "   </div>\n
   <div id='resultat'>\n
    <u>Evénements</u><br><br>\n";
 
$tab[0] = $idPat;
$resuReq4 = $transaction->select("MYSQL_listeEvePrinc", $tab);
$cpt = count($resuReq4);
 
for($i = 0; $i < $cpt; $i++) //liste des événements pères
 {
  list($anneeEve, $moisEve, $jourEve) = split('-', $resuReq4[$i]['dateEve']);
  echo "<ul>" . $jourEve . "/" . $moisEve . "/" . $anneeEve . "&nbsp;&nbsp;&nbsp;" . $resuReq4[$i]['type'] . "&nbsp;&nbsp;&nbsp;" . $resuReq4[$i]['prestataire'] . "\n";
 
  $tab[0] = $resuReq4[$i]['id'];
  $resuReq5 = $transaction->select("MYSQL_listeEveFils", $tab);
  $nb = count($resuReq5);
 
  if($nb)
   {
    for($j = 0; $j < $nb; $j++) //liste des événements pères
     {
      list($anneeEve, $moisEve, $jourEve) = split('-', $resuReq5[$i]['dateEve']);
	  echo "<li>" . $jourEve . "/" . $moisEve . "/" . $anneeEve . "&nbsp;&nbsp;&nbsp;" . $resuReq5[$i]['type'] . "&nbsp;&nbsp;&nbsp;" . $resuReq5[$i]['prestataire'] . "</li>\n";
	 }
   }
  echo "</ul>\n";
 }
 
echo "    </div>";

Voici le css de mon div resultat :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
#resultat{
position:relative;
float: left;
margin-left : 5%;
margin-top : 3%;
overflow: auto;
height : 30%;
width : 90%;
text-align: center;
color : #006600;
font-size: small;
font-weight: bold;
}

Quequ'un aurait-il une piste pour m'aider?

Merci d'avance.

Christophe

[Er3van]

A quoi te serve les "\n" dans tes echos ? Si c'est pour mettre à la ligne, ce serait plutôt <br/>

Et pour cette ligne :

Code :

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

echo "<ul>" . $jourEve . "/" . $moisEve . "/" . $anneeEve . "&nbsp;&nbsp;&nbsp;" . $resuReq4[$i]['type'] . "&nbsp;&nbsp;&nbsp;" . $resuReq4[$i]['prestataire'] . "\n";

Je pense que tu devrais la sortir de ton <ul></ul> et la mettre dans un <p></p> ou une <table></table>, avec les margin adéquate. Et évite les espaces insécables "&nbsp;". Si tu veux créer des colonnes, fait une table d'une ligne, c'est simple à gérer et ça évite des bugs d'affichages.

Corrige ça et tiens nous au courant, ton problème n'a surement rien à voir avec PHP ceci dit

[dubitoph]

Merci beaucoup pour ta réaction rapide...

Concernant les "\n", ils ne sont utilisés que pour une meilleure lisibilité du code source produit lors de l'affichage.

Concernant les espaces insécables, je les ai utilisés préférentiellement car les tabeaux ne me convenaient pas au niveau disposition, mais cela reste encore à voir.

Je vais tester ce que tu proposes et ferai part de ce qu'il en est...

[dubitoph]

Bon, ne m'en sortant pas avec les listes, j'ai quand même utilisé un tableau...

Merci tout de même pour ton aide.