28173 sujets

CSS et mise en forme, CSS3

Bonjour

J'ai créé un tableau qui devrait faire 500 px. Il a deux colonnes, la somme des largeurs des images placées dans ces colonnes n'est pas supérieure à 400 px. il me reste donc normalement 100 px pour mettre du texte entourant les images (que j'ai mis en float: left). Mon tableau ne veut pas prendre une largeur inférieure à 680px et n'accepte pas la valeur de 500 que je lui donne, je ne comprends pas pourquoi.

html

<table width="500" border="0">
          <tr>
            <td> <strong>House Beautiful Mai 2004 </strong></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
 <td>
<img src="photos/revue de presse/housebeautiful1.gif" width="200" height="271" />
</td>

<td>
<img src="photos/revue de presse/housebeautiful2.gif" width="200" height="135" class="im"/> Scénographie Oscar Larrat pour un jardin d'intérieur :Tableau réalisé par Oscar Larrat<br> 
</td>
 </tr>

 <tr>
  <td> <strong>Maisons du Maroc juillet 2004 </strong></td>
 <td>&nbsp;</td>
  </tr>

<tr>
<td><img src="photos/revue de presse/maisondumaroc1.gif" width="200" height="283" />
</td>

<td>
<img src="photos/revue de presse/maisondumaroc2.gif" width="200" height="290" class="im" /> 
Tableaux "couple chinois " réalisé sur vieux parchemin et toile de lin,créé par Oscar Larrat pour habiller le mur du salon. 
</td>
</tr>

 <tr>
<td>
 <strong>R&eacute;sidences d&eacute;coration</strong><br />dossier canap&eacute;
&eacute;vrier/mars 2005 </td>
            <td>&nbsp;</td>
</tr>

<tr>
<td><img src="photos/revue de presse/Residencedeco1.gif" width="200" height="280" />
</td>

<td>
<img src="photos/revue de presse/Residencedeco2.gif" width="200" height="292" class="im" />
Original en diable :"Buenos Aires", un fauteuil modulable en skaï blanc signé Oscar Larrat. 
</td>
          </tr>
        </table>


CSS

.im {float:left; padding-right:5px;}


je suppose que la solution est toute bête mais vraiment je ne vois pas et je ne la trouve pas dans la FAQ

Merci
Modifié par simon250 (25 Oct 2006 - 16:21)