Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages : 1
#1 Re : Forum Général PHP » Alterner une div dans une boucle while » 19-01-2012 16:21:26
Merci bcp pour votre aide.
#2 Re : Forum Général PHP » Alterner une div dans une boucle while » 19-01-2012 16:21:26
Bonjour,
Merci pour ta réponse par contre je n'ai pas bien compris. Je ne peux par séparer ma class de ma div ?
Merci
#3 Forum Général PHP » Alterner une div dans une boucle while » 19-01-2012 16:21:26
- majo82
- Réponses : 6
Bonjour,
J'aimerais savoir comment alterner une div à l'intérieur d'une boucle while.
En effet pour chaque bloc, j'ai un background image différent.
Si j'utilise le code suivant (for) j'ai bien mes 3 background image mais chacun est répété 3 fois
Voici le code PHP
for ($i=0; $i<3;$i++) {
print "<div class='item".$i."'>";
print '<p><img width="170" height="140" src="img/accueil/polaroid/'.$polaroid->id_polaroid.'.jpg" alt="'.$polaroid->nom.'"/></p';
print '<ul class="text">';
print '<li class="sstitre">'.$polaroid->nom.'</li>';
print '<li class="prix">'.$polaroid->prix.' €</li>';
print '<li><a class="detail" href="polaroid_zoom.php?id_polaroid='. $polaroid->id_polaroid .'"><span>En savoir +</span></a></li>';
print '</ul>';
print '</div>';
}}
Voici le code HTML
<p><img src="img/boucle.png" width="170" height="140" alt="boucle"/></p>
<ul class="text">
<li class="sstitre">Boucles d'oreilles</li>
<li class="prix">12 €</li>
<li><a class="detail" href="savoir.html"><span>En savoir +</span></a></li>
</ul>
</div> <!--fin class item-->
<div class="item1"><br />
<p><img src="img/boucle.png" width="170" height="140" alt="boucle"/></p>
<ul class="text">
<li class="sstitre">Boucles d'oreilles</li>
<li class="prix">12 €</li>
<li><a class="detail" href="#"><span>En savoir +</span></a></li>
</ul>
</div> <!--fin class item-->
<div class="item2"><br />
<p><img src="img/boucle.png" width="170" height="140" alt="boucle"/></p>
<ul class="text">
<li class="sstitre">Boucles d'oreilles</li>
<li class="prix">12 €</li>
<li><a class="detail" href="#"><span>En savoir +</span></a></li>
</ul>
</div> <!--fin class item-->
Voici le code CSS
float:left;
background:url(../img/contenu/diapo1.png) no-repeat center;
width:240px;
height:310px;
display:block;
}
.item1 {
float:left;
background:url(../img/contenu/diapo2.png) no-repeat center 5px;
width:240px;
height:310px;
display:block;
margin-top:4px;
}
.item2{
float:left;
background:url(../img/contenu/diapo3.png) no-repeat center;
width:240px;
height:310px;
display:block;
}
Si vous avez une solution,
Merci par avance
Pages : 1