Probleme placement image... [résolu !] mpop the boss!

Bonjour,

Je vous explique mon cas.

J'ai un code du genre :

border: 1px solid #666666; padding: 10px; width: 144px; float: left; background-color: #242424

ce qui me permet de mettre un texte dans un cadre.

Hors je voudrais placer une photo en dessous de ce cadre, sans qu'elle en fasse parti.
J'arrive à mettre la photo en dessous du texte dans mon cadre ou alors à la placer en dehors, en haut à droite de ce cadre de texte.
Mais moi ce que je veux faire c'est la mettre en dehors ET en dessous de ce cadre de texte...


Est-ce qu'il y aurait une fonction float : bottom ou quelque chose comme celà (parce que çà j'ai essayé mais çà ne fonctionne pas ), ou une autre solution ?

++


(Un exemple sur mon site de la photo dans le cadre du texte - que je voudrais moi voir en dehors et en dessous - sur mon site. Cadre => RESUME : http://cine-polar.com/?p=6[/url] )

++
Modifié par monsterman (15 Dec 2006 - 17:08)

Quelque chose de tout bête :

HTML :
<div class="conteneur">
	<div class="bloc">
		Mon texte bla bla bla...
	</div>
	<img class="illustration" src="..." alt="..." />
</div><!-- fin de div.conteneur -->

CSS :
.conteneur {
	width: 144px;
	float: left;
	text-align: center;
}
.conteneur .bloc {
	border: 1px solid gray;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #242424
	text-align: left;
}

Ce qu'il faut retenir, c'est qu'en fait ta demande serait plutôt : comment puis-je lier mon bloc (avec son texte, sa bordure, touça) et mon image ? Et hop, un bloc conteneur.

Au passage, le texte justifié sur une colonne étroite, c'est pas vraiment un bon plan...

Salut mpop

Génial çà fonctionne au poil !

Je te remercie beaucoup pour ton aide précieuse

++

PS : tu as raison pour l'alignement mais j'ai finalement opté pour quelque chose d'un peu plus neutre.