Bonjour,

voila j'ai un problème qui peut paraître bête mais que je n'arrive pas à résoudre.

dans une page je récupère des photos d'une base de données d'une part, et du texte d'autre part.

je veux ensuite que les photos s'affichent à gauche et que mon texte les suivent à droite, puis quand il n'y a plus de photos, le texte reprend tout l'espace.

J'ai demandé un google et la solution paraît simple : appliquer un float:left aux photos d'une part puis à un <p> dans lequel sera contenu le texte d'autre part, mais voila ca marche pas.

Deux problèmes : Ca ne marche (en partie, voir ci après) que si je met un float:left sur les photos, mais si j'en met un sur mon texte, ca ne marche plus.
Le deuxième et vrai problème : les photos se mettent sur la même ligne, et pas les unes en dessous des autres, même avec un display:block !

je ne comprend pas pourquoi le display block ne marche pas, alors qu'il marche quand je ne met pas le float:left

voila le code css:

.contenu img {  
float:left;
display:block;
}

et en php:

$photo = strtok($photos, " ");
while ($photo !== false) {
print("<img src=\"$photo\">");
$photo = strtok(" ");
}
 
print("$contenu");

ca m'enerve simplement que ce bête display block ne marche plus !!!!

si quelqu'un a de l'aide, je suis preneur

Merci !

Bonjour,

Ton display block ne fait que transformer ton texte en bloc.

Pour qu'ils se mettent à la ligne il te faut la propriété clear:both.

Mais personnellement je mettrai mon image et mon texte dans un Div avec la propriété clear:both puis un float left à la photo et au texte.

Une idée ici

ah..

mais comme d'habitude pour les images j'avais cru remarquer que le display block les mettait à la ligne.....

enfin je vais essayer ta méthode, merci