28172 sujets

CSS et mise en forme, CSS3

[Résolu] Image flottante dans un paragraphe avec bordure

Bonjour a tous,

Je cherche a intégrer une image flottante (sur la gauche) dans un paragraphe qui contient une bordure. Or, l'image sort du cadre si elles est trop grande.
Je ne vois pas comment faire pour que mon paragraphe s'adapte la taille de l'image, i.e. prenne la taille du texte s'il est plus grand, ou la taille de l'image sinon.

Le code actuel que j'utilise est le suivant et un rendu est dispo a http://apassant.net/tmp/box.html



<style>
.box {
	border: 1px solid #666;;
	background: #ddd;
	padding: 5px;
	margin: 5px;
}

.box img {
	height: 150px;	
	float: left;
}
</style>

<body>
	
<p class='box'>
	<img src="http://upload.wikimedia.org/wikipedia/meta/2/2a/Nohat-logo-nowords-bgwhite-200px.jpg">
	lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
</p>


Merci !
Modifié par terraces (06 Jan 2010 - 16:51)
Salut,

Tu peux rajouter un overflow:hidden sur ta classe "box".
Plus d'infos en faisant une recherche sur les dépassements de flottants.
Merci, ca marche nickel avec overflow:hidden !

@kursus: non l'image change en fonction des boites (et parfois elle n'est pas présente)
Sujet clos
Aller à