Bancal quand photo trop haute

bonjour,
sur cette page : http://www.cyberacteurs.org/index2.php

tout va bien lorsque le texte est plus grand que la hauteur de l'image. mais quand l'image est haute, et peu de texte, alors cela ne va plus (ça déborde sur l'autre texte)

mon code :
<span class="imageflottantegauche"> mon_image</span> mon texte

css :
.imageflottantegauche
{
float: left;
padding-left: 5px;
padding-right: 5px;
border: 0px;
}


je ne connais pas d'avance la hauteur du texte qui sera mis, ni la hauteur de l'image (même si cela, je peux le faire)

Bonjour,

Regarde du côté de clear en CSS.

cela ne correspond pas à ce que je veux car soit clear: both ; et cela fait comme si je ne mettait pas de float pour l'image

soit left et je me retrouve avec le même pb

Le clear est ce dont tu as besoin. Il faut seulement connaître son fonctionnement et utiliser une structure HTML adéquate.

Tu peux faire comme ceci :

image en float left | texte à droite
élément avec un clear:both

image en float left | texte à droite
élément avec un clear:both

image en float left | texte à droite
élément avec un clear:both

ça avance mais ce n'est pas encore cela, loin de la
si on compare cette page
http://www.cyberacteurs.org/index2.php
avec
http://www.cyberacteurs.org/index.php

*les titres des pétition ne sont plus en marron
* la deuxième rubrique a perdu son intitulé et la première info

voici mon code

$i=0;
echo "<div><p class='index_action'>".$i.") ".$type." : ".$data['nom'];
 echo nl2br($texteintro).'... <a href="actions/presentation.php?id='.$data['id_petition'].'"> suite</a>';
echo '<p align="right"><a href="actions/presentation.php?id='.$data['id_petition'].'">Participation à '.$data['nom'].'</a></p> <p style="clear:left;><hr /></p></div>';		
 } 	

 // actualité
echo '<h2>Cyber acteurs : actualité</h2>';
echo "<div>"; 

[...]
 echo "<h1>".nl2br($data['titre'])."</h1>";
[...]

Modifié par debe (01 Oct 2010 - 14:07)

Hello

pourrais-tu utiliser la Colorisation syntaxique : code pour afficher ton code s'il te plait ?

Merci par avance.