Faire un saut de ligne après un 4 articles

Résolu

Yougo120 Messages postés 24 Statut Membre -
Yougo120 Messages postés 24 Statut Membre - 4 sept. 2018 à 23:23

Bonjour,

Sur le site que je code actuellement j'aimerais que tout les 4 articles il y ait un retour a la ligne puis 4 articles et ainsi de suite ... Comme sur ce site: https://www.laboutiqueofficielle.com/t-shirts-9/

Mon code:

?><div class="boutique">

		<a href="?show=<?php echo $s->title; ?>"><img src=".../imgs/<?php echo $s->title; ?>.jpg"/>
		<h3><?php echo $s->title;?></h3>
		<h5><?php echo $s->description;?></h5>
		<p><?php echo $s->price;?> €</p>
		<br/><br/>
	</div></a>
		<?php

Merci d'avance !

Afficher la suite

5 réponses

Réponse 1 / 5
yg_be Messages postés 23437 Date d'inscription Statut Contributeur Dernière intervention Ambassadeur 1 588

bonsoir, le reste de ton code est-il secret?
0

Yougo120 Messages postés 24 Statut Membre

;)

<!DOCTYPE html>
<html>
<head>
	<title>Shop</title>
	<link href="bootstrap.css" type="text/css" rel="stylesheet"/>
</head>
<body>

</body>
</html>
<?php

require_once('includes/header.php');
?>
<br/><br/><br/><br/><br/><br/>
<?php
require_once('includes/category.php');
if(isset($_GET['category'])){
		$category=$_GET['category'];
		$select = $db->prepare("SELECT * FROM products WHERE category='$category'");
	$select->execute();

	while($s=$select->fetch(PDO::FETCH_OBJ)){

		?><div class="boutique">

		<a href="?show=<?php echo $s->title; ?>"><img src="../imgs/<?php echo $s->title; ?>.jpg"/>
		<h3><?php echo $s->title;?></h3>
		<h5><?php echo $s->description;?></h5>
		<p><?php echo $s->price;?> €</p>
		<br/><br/>
	</div></a>
		<?php

		}
	?>

	<br/><br/><br/><br/>

	<?php

}
	?>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<?php 
	require_once('includes/footer.php');
	?>

Réponse 3 / 5
jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention 4 833

Bonjour
Le plus simple... tu fixes la largeur de tes div a 25%
Et le retour se fera tout seul.

Ou tu utilises un css basé sur les grid (comme bootstrap).

Et sinon..tu joues avec un if et un modulo 4
0
Réponse 4 / 5
yg_be Messages postés 23437 Date d'inscription Statut Contributeur Dernière intervention Ambassadeur 1 588

moi j'ajouterais un compteur, que j'incrémenterais à chaque passage dans la boucle while. quand le compteur atteint 4, j'ajouterais un saut de ligne, et remettrais le compteur à 0.
0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 5
Yougo120 Messages postés 24 Statut Membre

Merci a vous deux !
0

Faire un saut de ligne après un 4 articles

5 réponses

Discussions similaires

Newsletters