Mise en page éléments BDD
Résolu
Tink
-
Tink -
Tink -
Bonjour,
J'enregistre les articles de mon site dans une BDD. Jusqu'à présent, je les affichais sous la forme d'un tableau simple :
Avec la bonne requête et le bon code, mes articles étaient affichés l'un sous l'autre. Tout allait bien.
Aujourd'hui, je souhaiterais les afficher sous forme de grille (2 lignes, 3 vignettes par ligne), comme sur le wordpress suivant : http://wpexplorer-demos.com/pronto/
Plus concrètement, j'aimerais que le dernier article publié s'affiche dans la vignette en haut à gauche, l'avant-dernier dans la suivante...
Je n'arrive pas à envisager de quelle manière ça pourrait se faire sans que je décale tout manuellement à chaque nouvel article.
J'espère avoir été assez claire dans ma demande...
Merci d'avance à ceux qui pourront m'aider ! :)
J'enregistre les articles de mon site dans une BDD. Jusqu'à présent, je les affichais sous la forme d'un tableau simple :
<table> <tr> <td><img src="" /></td> <td>texte de l'article</td> </tr> </table>
Avec la bonne requête et le bon code, mes articles étaient affichés l'un sous l'autre. Tout allait bien.
Aujourd'hui, je souhaiterais les afficher sous forme de grille (2 lignes, 3 vignettes par ligne), comme sur le wordpress suivant : http://wpexplorer-demos.com/pronto/
Plus concrètement, j'aimerais que le dernier article publié s'affiche dans la vignette en haut à gauche, l'avant-dernier dans la suivante...
Je n'arrive pas à envisager de quelle manière ça pourrait se faire sans que je décale tout manuellement à chaque nouvel article.
J'espère avoir été assez claire dans ma demande...
Merci d'avance à ceux qui pourront m'aider ! :)
A voir également:
- Mise en page éléments BDD
- Mise en forme conditionnelle excel - Guide
- Supprimer page word - Guide
- Photoshop elements gratuit - Télécharger - Retouche d'image
- Mise en page colonne word - Guide
- Mise a jour chrome - Accueil - Applications & Logiciels
2 réponses
Je vais essayer de reformuler autrement car là .. ça ne me semble pas clair ....
Tu veux, simplement, afficher 3 "vignettes" par ligne ?
- pour ce qui est de la "vignette" en elle même... il peut s'agir d'une simple div contenant ton tableau par exemple
- Pour ensuite passer à la ligne après 3 vignettes... il te suffit d'utiliser un modulo 3 et une variable que tu incrémentes au fur et à mesure que tu affiches tes articles dans ta boucle.
Par exemple :
Tu veux, simplement, afficher 3 "vignettes" par ligne ?
- pour ce qui est de la "vignette" en elle même... il peut s'agir d'une simple div contenant ton tableau par exemple
- Pour ensuite passer à la ligne après 3 vignettes... il te suffit d'utiliser un modulo 3 et une variable que tu incrémentes au fur et à mesure que tu affiches tes articles dans ta boucle.
Par exemple :
$cpt = 1;
$nbVignetteparLigne = 3; //compteur servant à calculer le nb de vignettes par ligne
//boucle pour simuler tes articles...
for($i=0;$i<=12;$i++){
$modulo = $cpt%$nbVignetteparLigne;
echo "<div id='article_$i' style='min-height:200px;width:200px;margin:10px;padding:12px;border: 5px solid red;display:inline-block'>
Article Numéro : $i
<br>$modulo
</div>";
if(!$modulo){
echo "<br>";
}
$cpt++;
}
Mon problème ne se situe pas au niveau de l'ordre de mes articles mais concernant leur affichage global. Je cherche un moyen de systématiser l'affichage : au fur et à mesure des publications, un article passera en 1ère colonne de la 1ère ligne, puis 2e et 3e colonne avant de passer en 1ère colonne de la 2e ligne...
Quelqu'un a une idée ?
Merci en tout cas jordane45 :)