[RÉGLÉ] la 4ème div n'a pas de marge

[claire39]

bonjour,

je suis entrain de travailler sur l'aspect d'une page type "blog".

à chaque article d'une catégorie, je créé une div qui fait 230px de large et qui a une marge-droite de 20px, en float:left.
je voudrai que la 4ème div n'ai pas de marge.
je pensais utiliser les sélecteurs d'adjacence (http://www.alsacreations.com/astuce/...nth-child.html) mais je ne vois pas comment séparer mes div toute les 4 div.

voici ce à quoi ressemble mon html:

<div id="page">
<div class="extrait"><a><img></a></div>
<div class="extrait"><a><img></a></div>
<div class="extrait"><a><img></a></div>
<div class="extrait"><a><img></a></div>
<div class="extrait"><a><img></a></div>
ect...
</div>

est ce que quelqu'un saurait m'aider?
merci!

[kursus]

Re : la 4ème div n'a pas de marge

Salut,

Je te déconseille l'utilisation de nth-child qui n'est pas encore très bien supporté.

Une solution serait de passer ta marge en margin-left et d'utiliser first-child (supporté depuis IE7) pour la retirer sur le premier bloc.

Ou alors de te passer de sélecteur et de donner un margin-left et margin-right de 5px à chacun de tes blocs.

a+

[claire39]

Re : la 4ème div n'a pas de marge

trouvé !

<?php 
	$i = 0;
	$n = 4;
	$p = '';
?>
<?php foreach ($items as $item) : ?>
<?php 
        $i = $i+1; 
        if ($i % $n == 0) { $p = 'end'; }
?>
<div class="extrait<?php  echo $p; ?>">

... et ensuite le reste pour obtenir le lien et l'image

il ne me reste plus qu'à avoir dans mon css un style avec marges pour la classe "extrait" et sans marges pour la classe "extraitend"

merci les forums de php!

[claire39]

Re : la 4ème div n'a pas de marge

je n'avais pas vu la réponse de Kursus!
merci pour votre réponse qui est plus simple que la mienne!