Bonjour à tous,

J'ai un petit problème assez urgent à résoudre en CSS, je compte donc sur vous pour m'aider .

Voici donc mon CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
.corpsArticle { background:green; font-size:80%; width:652px; height:auto; margin-top:0px; margin-left:258px; min-height:650px;
}
.produit { background:yellow; width:622px; height:auto; padding-left:15px; padding-right:15px; padding-top:0; margin-top:20px; }
.produit p { font-size:100%; margin:0; padding:0; }
.produit #texte { background:orange; width:450px; height:auto; padding:0; margin:0; }
.produit #texte p { font-size:100%; margin:0; padding:0;}
.produit #photo { background:pink; width:157px; border:none; float:right; }
Et l'architecture HTML :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
<div class="corpsArticle">
     <div class="produit">
          <div id="photo">
               <img src="monimage.jpg"/>
          </div>
          <div id="texte">
               <p> du blablabl </p>
          </div>
     </div>
</div>
Comme un dessin sera plus explicite qu'un long et ennuyeux paragraphes, en voici un (magnifique non ?)


Merci à tous d'avance pour votre aide .

Petite précision : Ce ne sont pas les couleurs de mon site hein !