Aligner 2 tableau et une Image sur la meme ligne

Aligner 2 tableau et une Image sur la meme ligne - HTML/CSS - Programmation

Marsh Posté le 22-10-2011 à 15:55:19    

Bonjour,  :hello:  
Voila j'ai soucis j'aimerais aligner tous ceci sur une meme ligne Je suis un "noob" en programation pour l'instant et sa fait deja pas mal de temps que je cherche une solution mais je ne la trouve pas !  :ouch:  
 
<table border="1" height="180" width="200">
<tr>
<td>Code postal</td>
<td>08400</td>
</tr>
<tr>
<td>Département</td>
<td>Ardennes</td>
</tr>
<tr>
<td>Région</td>
<td>Champagne Ardenne</td>
</tr>
<tr>
<td>Latitude</td>
<td>49.467°</td>
</tr>
<tr>
<td>Longitude</td>
<td>4.667°</td>
</tr>
</table>
 
<img src="http://img38.picoodle.com/i5al/flypside/dqsn_a27_uck49.png"></img>
 
<table border="1" height="180" widht="200">
<tr>
<td>Pays</td>
<td>France</td>
</tr>
<tr>
<td>Arrondissement</td>
<td>Vouziers</td>
</tr>
<tr>
<td>Canton</td>
<td>Attigny</td>
</tr>
</table>
 
J'aimerais aligner tous sa sur une même ligne Es-ce possible ?  :??:

Reply

Marsh Posté le 22-10-2011 à 15:55:19   

Reply

Marsh Posté le 23-10-2011 à 17:45:54    

Merci de vos reponses --'

Reply

Marsh Posté le 03-11-2011 à 14:04:25    

Essayes comme ça:

Code :
  1. <div style="float:left;width:202px;height:182px;">
  2.    <table border="1" height="180" width="200">
  3.       ...
  4.    </table>
  5. </div>
  6. <div style="float:left;width:302px;height:182px;">
  7.    <img src="http://img38.picoodle.com/i5al/flypside/dqsn_a27_uck49.png"></img>
  8. </div>
  9. <div style="float:left;width:202px;height:182px;">
  10.    <table border="1" height="180" widht="200">
  11.       ...
  12.    </table>
  13. </div>
  14. <div style="clear:both;"></div>

Reply

Marsh Posté le 03-11-2011 à 14:08:11    

le div est un élément de type block utilisé pour le positionnement.
le float:left indique que cet élément doit se positionner en flottant sur la gauche, mais nécessite une largeur pour bien fonctionner.
le dernier div avec le clear:both permet d'éviter des problèmes de positionnement sur les éventuels éléments à la suite de ce code.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed