J'ai essayé les deux (l'un, l autre et les deux en meme temps) mais rien n'y fait...

Nonon normalement le border-bottom sur ton div devrait bien se passer...
Tu l'as mis ou le clear: both?
sur la classe .une_news? ou sur le h3 ?

[i][color=darkred][Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur][/color][/i]

[img]http://www.lescreationsdekaki.com/web/visuels/screenshot.jpg[/img]

En fait la bordure bottom c pour faire l equivalent d'un <hr/>... Mais du coup ça passe pas...

Il vaut mieux faire un <hr/> à ce moment la ?

Merci encore ! :)[/img]

Euh j'ai pas trop compris le coup de la bordure...?
Un screen ou une page en ligne?
Sinon je pencherais pour un [code]padding-bottom: Xpx;[/code] :? à voir selon ta réponse ;)

Merci.

Effectivement un clear:both placé dans la div résoud à moitié le problème :)

Exemple de page générée :

[code]<div class="une_news">
<h3>Exposition chez Hérisson</h3>
<h4>mercredi 11 février 2009</h4>
<p><p>A partir du <strong>3 Mars et jusqu'au 4 Avril 2009</strong>, Les cr&eacute;ations de kaki seront expos&eacute;es dans la boutique H&eacute;risson.</p>
<p>&nbsp;</p>
<p><img style="float: left;" src="../web/visuels/herissonbis.jpg" alt="Exposition chez H&eacute;risson" width="167" height="238" /></p>
<p><span style="\"><strong>SHOW ROOM BOUTIQUE HERISSON<br />17 rue de l'Abb&eacute; Groult, 75015 Paris<br />M&deg; Commerce</strong></span></p>
<p><span style="\">Du Mardi au Vendredi de 11h00 &agrave; 13h00 et de 14h30 &agrave; 19h30<br />Le samedi de 11h30 &agrave; 19h30</span><br /><span style="\">http://www.herisson-showroom.com/</span></p></p>
</div><br/>
<div class="une_news">
<h3>Maché des créateurs à Issy les Moulineaux</h3>
<h4>mercredi 11 février 2009</h4>
<p><p>Retrouvez les cr&eacute;ations de kaki sur le march&eacute; des cr&eacute;ateurs d'Issy<strong><span style="color: #339966;"> le 16 Mai 2009 </span></strong>&agrave; partir de 10h sur la place de la Marie d'Issy les Moulineaux.</p>
<p>Plus d'infos sur prochainement.</p></p>
</div><br/>[/code]

Donc si je met clear:both dans le div "une_news" ca va bien à la ligne, mais j'ai une bordure bottom pour faire la séparation normalement qui elle reste "sous l'image"

le css (avant le clear):

[code].une_news {
margin-left:auto;
margin-right:auto;
width:600px;
border-bottom:1px black solid;
margin-top:0px;
padding-top:0px;
margin-bottom:10px;
}[/code]

merci pour ton aide :)

Il faut nous montrer le code source généré de deux news à la suite par exemple...
Je pense qu'un [code]clear: left // ou both[/code]judicieusement placé devrait résoudre le problème...
Donc on veut ton code css et le html généré ;)

while($r=mysql_fetch_assoc($q)) {
				?>
				<div class="une_news">
				<h3><?php echo $r["nom"];?></h3>
				<p><?php echo stripslashes($r["contenu"]);?></p>
				</div>
				<?php
				}

Bonjour,

J'ai un système de "news" que je peux créer par tinymce sur mon site.

Sur la page d'affichage des news je fais donc simplement un parcours de mes news en base et j'affiche chacune d'entre elles :

[php]while($r=mysql_fetch_assoc($q)) {
?>
<div class="une_news">
<h3><?php echo $r["nom"];?></h3>
<p><?php echo stripslashes($r["contenu"]);?></p>
</div>
<?php
}[/php]

Le problème est que, dans tinymce quand je mets une image à coté de mon texte il me génére un code du style :

[code]<img style=\"float: left;\" src=\".....[/code]

Donc sous FF l'image s'affiche mais "par dessus" le reste, c'est à dire que sa hauteur n'est pas prise en compte et ainsi elle déborde sur la news d'en dessous...


Quelqu'un aurait il une solution à ce problème ?

Merci.