Hello à tous,

Je me trouve confronté à un petit problème, j'ai plusieurs div qui composent mes différents blocs. Mais le problème est que quand j'ajoute une image dans ce div, l'image dépasse.

Exemple :



Le html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<div>
<img src="images/welcom_receptionpetit.jpg" height="173" width="130" class="left" alt="" / >Depuis bientôt 10 ans, l’hôtel a diversifié son activité et se consacre principalement à la formation hôtelière. Nous permettons ainsi à nos étudiants d’être chaque jour en contact direct avec la clientèle. 
Ceci encourage nos collaborateurs à maintenir une rigueur, un savoir-faire ainsi qu’une tenue toujours professionnelle.</p></div>
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
#content div {
border: 1px solid #000000;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
border-bottom:solid;
}
 
 
#content img {
padding: 1px;
display:block;
background: #cccccc;
border: 4px solid #f0f0f0;
}

Si quelqu'un à une idée, ce serait volontiers.

Merci d'avance

Calipanpan