Image et paragraphe... Comment adapter ?

Bonjour à tous,

Vous pourrez voir un exemple de mon souci ici : http://www.imageshotel.org/images/clemdups/essai.png .

Comme vous le voyez, le cadre se compose de plusieurs choses : une image, un titre (à côté), un commentaire, une adresse, un téléphone et un mail (tous pris dans une base de données, mais là n'est pas le problème).

Le problème, c'est que j'aimerais avoir le commentaire et la suite TOUJOURS en-dessous de l'image (quelquesoit sa taille), et le titre à côté de l'image. Seulement voilà, selon la taille du titre, cela change... Evidemment, je pourrais bombarder mon code de <br>, mais selon les cas ça irait ou n'irait pas...

Le code HTML une fois général par PHP est le suivant :

<div id="fiche">
<img src='upload/GEN_971004_008.gif'></img>
<span class='titre'>Blabla mon titre</span>
<br />
<p>Eh&eacute;h&eacute;h&eacute;h&eacute;h salut &agrave; tous !!! Vocii le truc bidule machin chouette !<br />38 rue des chiwawas en chaleur 33000 Bordeaux<br />05568794994<br />truc@machin.com</p>
<br />
</div>

Et le CSS (seule la partie intéressante) :

#fiche img {
	float:left;
	padding-right:5px;
}

Si quelqu'un sait comment m'aider...
Merci d'avance !
Modifié par Clemdups (30 May 2006 - 15:08)

Salut !

Tu rajoutes

p {
clear: both;
}

dans ton css

Ca marche nickel, rien à redire ! Merci beaucoup !
Et quelle rapidité également...

(HS : j'adore ta photo !)

Salut Clemdups,

Je dis peut-être une bêtise...
Mais si tu veux que ton paragraphe de texte soit toujours en dessous de ton image, pourquoi n'essaies-tu pas de lui affecter la propriété clear : both ?

Cette dernière permet d'indiquer à ton paragraphe de ne pas être cotoyé d' élément à sa droite ou à sa gauche.

#fiche p {clear:both;}

Cela devrait régler ton problème...

<Edit>Gillée en beauté ! C'est ça de vouloir faire belles explications... <Edit>
Modifié par Cygnus (30 May 2006 - 15:21)

Salut

ceci devrai faire l'affaire

<div id="fiche">

<img src='upload/GEN_971004_008.gif'></img>
<h1>Blabla mon titre</h1>
<span>
<p>Ehéhéhéhéh salut à tous !!! Vocii le truc bidule machin chouette !</p>
<p>38 rue des super chiwawas en chaleur 33000 Bordeaux</p>
<p>05568794994</p>
<p>truc@machin.com</p>
</span></div>

#fiche span {
clear: both; 
margin : 10px;
}

A+

Une question... trois réponses

Cygnus a écrit :
Grillée en beauté ! C'est ça de vouloir faire belles explications...

Oui mais au moins c'est plus clair que la mienne

Merci à tous . Surtout pour les explications en effet plus détaillées .
Reste à aligner le titre verticalement par rapport à la photo, mais ça c'est une autre affaire à laquelle je ne pensais pas...

il y a la solution de mettre ton <img> a l'interieur de ton <h1>

par contre apres je sais pas si on a en CSS les proprietes d'alignement d'images qui existaient en HTML