28173 sujets

CSS et mise en forme, CSS3

Bonsoir tout le monde.

Voilà j'aimerai afficher des div l'un à la suite de l'autre, mais en position float:left, eux même contenu dans un div principal

Cela marche mais le problème c'est que sitôt qu'il y a plus d'un article dans le div, cela me "recrée" un div à la suite au lieu d'être contenu dans son même div

Voici ma page : http://www.skippy1.com/radios.php
he oui c'est encore moi Smiley lol

voici mon code:
echo "<div id=\"box_center1\">"; //div principal



$cat_prec='xyzxyzxyzxyz';

while($data=mysql_fetch_assoc($req))

{ 
echo "<div style=\"float: left;  border:solid 1px black; margin-right:10px; margin-bottom:10px; padding-left:5px; padding-right:5px; width:150px; height:auto\">"; // Mon div flottant	

	if($cat_prec!=$data['categorie_name']) { 

	echo "<h3><span class=titre_article>".$data['categorie_name']."</span></h3>";
	$cat_prec=$data['categorie_name']; }

echo "<ul><li>";
echo "<strong>".$data['nom']."</strong>";
echo "<br />";

	if ($data['url_winamp'] != "0") {
	echo "<a href=\"".$data['url_winamp']."\">";
	echo "<img src=img/winamp_url.gif class=no_border>" ;
	echo "</a>"; }
	
	if ($data['url_MP'] != "0") {
	echo "<a href=\"".$data['url_MP']."\">";
	echo "<img src=img/MP_url.gif class=no_border>" ;
	echo "</a>"; }
	
echo "</li></ul>";
echo '<div class="v-sep">&nbsp;</div>'; 
echo "</div>"; //fin de mon div flottant
}

echo "</div>";//fin du div principal


D'avance merci pour votre aide.

A+
Modifié par Skippy1 (20 Jan 2007 - 18:01)
Skippy1 a écrit :
voici mon code:
***bla bla du PHP dans tous les sens***

Ah tiens, moi je croyais que c'était un problème de CSS... je savais pas que les CSS s'appliquaient à du code PHP. Smiley sweatdrop

Edit : sinon j'aimerais bien t'aider, mais sur la page en ligne le code (ou du moins la partie du code qui correspond à tes bloc flottants) n'est pas indentée, donc illisible. Sans compter les styles CSS en inline, via l'attribut HTML style, qui ne rendent pas le tout plus lisible...
Modifié par Florent V. (20 Jan 2007 - 19:14)
a écrit :
***bla bla du PHP dans tous les sens***
Merci pour cette reflexion... Et si tu regardai de plus près ben tu te rendrai compte qu'il n'est pas écrit dans tout les sens, comme tu dis

Ben pour moi, c'est bel et bien un problème de CSS, vu qu'il semblerait que j'ai un problème de fermeture de div

Indenter le code source d' une boucle c'est assez compliqué...

Concernant le CSS en inline, je vois pas du tout le problème. D'autant plus qu'il ne me semble pas que cela soit interdit. En plus il n'y a pas besoin d'afficher la css, étant donné que j'ai donné le style au div directement dans la page interne (div style=xxx)

Mais merci quand même.

Bonne soirée