Page 1 sur 1

Affichage css de plusieurs cadres

Posté : 09 janv. 2014, 13:17
par synergie
Bonjour,

Je souhaite afficher dans la page 4 cadres à la suite, puis passer à la ligne, puis en refaire 4, ect, jusqu'à la fin. Seulement, je ne vois pas où placer la boucle permettant de le faire. voici mon code actuel qui affiche les cadres à la suite (l'un en dessous l'autre)

Code : Tout sélectionner

for($i=0;$i<count($tab);$i++) { if ($tab[$i]!="" && substr($tab[$i],0,1) != "P") { $posConnected = strpos($tab[$i],"connected"); //Récupère la position du mot "connected" $posNotConnected = strpos($tab[$i],"notconnect"); $debChainePort = substr($tab[$i],0,6); //Récupère le début de la chaine jusqu'au 6ème caractère echo "<div id='moncadre'>"; if ($posConnected === false) { $chaineVlan = substr($tab[$i],$posNotConnected+10,$posNotConnected-15); $chaineNom = substr($tab[$i],6,$posNotConnected-6); echo "Port : " . $debChainePort; echo "<br />"; echo "Nom : " . $chaineNom; echo "<br />"; echo "Vlan : " . $chaineVlan; echo "<br />"; echo "Statut : non connecté"; } else { $chaineVlan = substr($tab[$i],$posConnected+9,$posConnected-15); $chaineNom = substr($tab[$i],6,$posConnected-6); //Récupère le nom du port : après le 6eme caractere (apres le numero du port) jusqu'au mot connected - 6 pour ne pas prendre les 6 premiers caracteres de connected echo "Port : " . $debChainePort; echo "<br />"; echo "Nom : " . $chaineNom; echo "<br />"; echo "Vlan : " . $chaineVlan; echo "<br />"; echo "Statut : connecté"; } echo "</div>"; } }
Merci

Re: Affichage css de plusieurs cadres

Posté : 09 janv. 2014, 13:44
par sirakawa
Pour indice variant de 1 à nombre de cadre
si (indice modulo 4) == 0
faire saut de ligne
finsi

finpour
ou

Pour indice variant de 1 à nombre de cadre
pour indice_1 variant de 1 à 4
afficher cadres
finpour
afficher saut de ligne

finpour

Pour qu'ils soient côte à côte, il me semble qu'il suffit de jouer sur la propriété float.
Une autre solution serait d'ehnglober les 4 cadres (display:table-cell) dans un cadre (display: table-row)
et l'ensemble dans un cadre (display:table)

Re: Affichage css de plusieurs cadres

Posté : 23 janv. 2014, 16:46
par synergie
Le float était bien la solution. Merci !