Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3019 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aligner 2 tableau et une Image sur la meme ligne

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Aligner 2 tableau et une Image sur la meme ligne

n°2107627
Flipsyde08
Posté le 22-10-2011 à 15:55:19  profilanswer
 

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 ?  :??:

mood
Publicité
Posté le 22-10-2011 à 15:55:19  profilanswer
 

n°2107722
Flipsyde08
Posté le 23-10-2011 à 17:45:54  profilanswer
 

Merci de vos reponses --'

n°2109557
niko59480
O_o'
Posté le 03-11-2011 à 14:04:25  profilanswer
 

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>

n°2109559
niko59480
O_o'
Posté le 03-11-2011 à 14:08:11  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aligner 2 tableau et une Image sur la meme ligne

 

Sujets relatifs
créer un lien hypertexte sur une imageLire dans un fichier puis associer une variable à chaque ligne
Recuperer resultat d'un select dans un tableau[RESOLU] Remplacement d'un swf par une image pour les tablettes
tableau et formulaire[Résolu] Gestion d'un Top10 en %hash et de la "casse"
[resolu] batch ne dépasse pas la première ligne[KSH] Soucis avec un tableau
Insestion d'une image.Pdf dans un document (pdf ou word) | en FO[Batch] Lancer une ligne de commande avec des paramètres
Plus de sujets relatifs à : Aligner 2 tableau et une Image sur la meme ligne


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR