Discussion :

[toto62]

bonjour,
alors mon problème , est bête , mais je bloque dessus :s...
alors voila , j'ai une div , qui contient une photo a gauche ,et un peu de texte a droite.
pour ma photo , j'ai mis l'attribut float : left .
elle ce met a droite tout va bien , sauf que si elle est plus grande que le texte ,alors mon div conteneur ne ce redimensionne pas , ce qui a pour effet que mon images dépasse de mon div :s ...
je ne sait pas quoi faire c'est horrible...
merci

[nsanabi]

est ce tu peut montrer la structure html et les règles css utilisées?

[toto62]

html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
        <div class="elemBureau" style="width : 50% ; margin-left : 12px ;">
		<h3> TITRE </h3>
		<div class="sousElemBureau" >			
			<img src="monImage.pnh" style="max-width : 20% ; float : left ;margin-right : 15px;" />
			<div style="width : 70%">
				<a href=""> Menu1 </a> <br/>
				<a href=""> Menu2</a> <br/>
				<a href=""> Menu3 </a> <br/>
				<a href=""> Menu4</a>
			</div>
		</div>
	</div>

css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
.sousElemBureau
{
	background :  transparent url(../images/degrderMenu.jpg) repeat-y scroll 0 0 ; 
	border : 2px dashed #D6D6D6 ;
	border-top : none ;
	padding : 10px;
	margin-bottom : 20px;
}

voila le code principale je pensse