Discussion :

[flashnet]

Bonsoir,

J'essaye désespérément de coller du texte à côté d'une image dans une div qui ne suit pas la taille de l'image...

Voici mon code XHTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<div class="middle_withe">
    <div class="hg"></div>
    <div class="haut"><span class="center">Accueil</span></div>
    <div class="hd"></div>
    <div class="middle_withe_contenu">
      <img src="images/images_accueil.jpg" width="303" height="203" class="align_img"/>
      Texte de Présentation
    </div>
</div>

Le CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
.middle_withe {
	background-color:#FFF;
	width:880px;
	min-height:200px;
	margin:0 auto 10px auto;
}
.hg, .hd {
	width:30px;
	height:30px;
}
.haut {
	width:820px;
	height:30px;
	color:#747371;
	font-size:24px;
	font-family:Verdana, Geneva, sans-serif;
}
.middle_withe_contenu {
	width:860px;
	margin:0 auto;
}
 
.align_img{
  float:left;
}

Le résultat attendu est bien là excepté que si l'image est plus grande que le texte, ma div "middle_withe_contenu" ne s'agrandit pas... Je coince vraiment. Merci beaucoup si vous avez la solution !

[aL1ba]

et si tu essais :

Code :

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

1
2
3
4
.middle_withe_contenu {
	width:860px;
        height: auto;
	margin:0 auto;

[flashnet]

C'est beaucoup mieux, je te remercie ! :-)