Accueil > Forum > > > > Aligner 3 tableaux
 Aligner 3 tableaux
mardi 6 décembre 2011 à 13:57:05 |
Aligner 3 tableaux
Guy72
|
Bonjour,
Avec ce code, j'obtiens 3 tableaux verticaux, je depuis 1 heure, j'essaye de trouver le solution pour les mettres haurizontaux, mais je n'y arrive pas.
Voici le code :
Code Javascript : <head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Tableaux Horizontaux</title>
<meta content="Guy" name="author">
</head>
<body style="color: white; background-color: rgb(99, 5, 39);"
alink="#dcd296" link="#dcd296" vlink="#dcd296">
<p>
</p>
<table border="6" width="250">
<tbody>
<tr>
<td align="center"><!-- date --> <img src="Images/h0.gif"
name="date_img1" alt="" >=""><img src="Images/h0.gif"
name="date_img2" alt=""> <img src="Images/hs.gif" alt=""> <img
src="Images/h0.gif" name="date_img3" alt=""> <img src="Images/h0.gif"
name="date_img4" alt=""> <img src="Images/hs.gif" alt=""> <img
src="Images/h2.gif" name="date_img5" alt=""> <img src="Images/h0.gif"
name="date_img6" alt=""> <img src="Images/h0.gif" name="date_img7"
alt=""> <img src="Images/h0.gif" name="date_img8" alt=""> </td>
</tr>
</tbody>
</table>
<br>
<table border="6" width="150">
<tbody>
<tr>
<td align="center"><big><span style="font-weight: bold;"></span></big>
<big><span style="font-weight: bold;"> Bonjour</span></big></td>
</tr>
</tbody>
</table>
<br>
<table border="6" width="200">
<tbody>
<tr>
<td align="center"><!-- heure --> <img src="Images/h0.gif"
name="heure_img1" alt=""> <img src="Images/h0.gif" name="heure_img2"
alt=""> <img src="Images/hh.gif" alt=""> <img src="Images/h0.gif"
name="heure_img3" alt=""> <img src="Images/h0.gif" name="heure_img4"
alt=""> <img src="Images/hm.gif" alt=""> <img src="Images/h0.gif"
name="heure_img5" alt=""> <img src="Images/h0.gif" name="heure_img6"
alt=""> </td>
</tr>
</tbody>
</table>
<br>
<br>
</body>
</html>
Merci de votre aide
Cordialement Guy |
|
mardi 6 décembre 2011 à 14:50:27 |
Re : Aligner 3 tableaux
Zobibol
|
Bonjour, en utilisant, la propriété css display:inline, je pense que cela doit résoudre le problème.
Il faut bien entendu, supprimer les balises <br> entre les table:
Code HTML :
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Tableaux Horizontaux</title>
<meta content="Guy" name="author">
</head>
<body style="color: white; background-color: rgb(99, 5, 39);"
alink="#dcd296" link="#dcd296" vlink="#dcd296">
<p>
</p>
<table border="6" width="250" style="display:inline;">
<tbody>
<tr>
<td align="center"><!-- date --> <img src="Images/h0.gif"
name="date_img1" alt="" >=""><img src="Images/h0.gif"
name="date_img2" alt=""> <img src="Images/hs.gif" alt=""> <img
src="Images/h0.gif" name="date_img3" alt=""> <img src="Images/h0.gif"
name="date_img4" alt=""> <img src="Images/hs.gif" alt=""> <img
src="Images/h2.gif" name="date_img5" alt=""> <img src="Images/h0.gif"
name="date_img6" alt=""> <img src="Images/h0.gif" name="date_img7"
alt=""> <img src="Images/h0.gif" name="date_img8" alt=""> </td>
</tr>
</tbody>
</table>
<table border="6" width="150" style="display:inline;">
<tbody>
<tr>
<td align="center"><big><span style="font-weight: bold;"></span></big>
<big><span style="font-weight: bold;"> Bonjour</span></big></td>
</tr>
</tbody>
</table>
<table border="6" width="200" style="display:inline;">
<tbody>
<tr>
<td align="center"><!-- heure --> <img src="Images/h0.gif"
name="heure_img1" alt=""> <img src="Images/h0.gif" name="heure_img2"
alt=""> <img src="Images/hh.gif" alt=""> <img src="Images/h0.gif"
name="heure_img3" alt=""> <img src="Images/h0.gif" name="heure_img4"
alt=""> <img src="Images/hm.gif" alt=""> <img src="Images/h0.gif"
name="heure_img5" alt=""> <img src="Images/h0.gif" name="heure_img6"
alt=""> </td>
</tr>
</tbody>
</table>
<br>
</body>
</html>
Après ne possédant pas les images, je pense seulement 
[o-_-o] |
|
mardi 6 décembre 2011 à 15:44:43 |
Re : Aligner 3 tableaux
Guy72
|
Bonjour,
Merci de me répondre
je ne comprends pas , les images et le texte sont en dehors des bordures 
Cordialement Guy
|
|
mardi 6 décembre 2011 à 16:22:44 |
Re : Aligner 3 tableaux
Zobibol
|
Et en rajoutant :
Code HTML : style="display:inline-block; border:0" sur chaque TD ?
j'ai fait quelques tests avec mes images, il semble que tout rentre dans l'ordre...
[o-_-o]
|
|
mardi 6 décembre 2011 à 16:36:23 |
Re : Aligner 3 tableaux
Guy72
|
D'accord, mais maintenant, je les retrouvent l'un en dessous de l'autre
Cordialement Guy
|
|
mardi 6 décembre 2011 à 16:49:44 |
Re : Aligner 3 tableaux
Zobibol
|
??? en conservant le display inline sur les table ?
avec ça:
Code HTML :
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Tableaux Horizontaux</title>
<meta content="Guy" name="author">
</head>
<body style="color: white; background-color: rgb(99, 5, 39);"
alink="#dcd296" link="#dcd296" vlink="#dcd296">
<p>
</p>
<table border="6" width="250" style="display:inline;">
<tbody>
<tr>
<td align="center" style="display:inline-block; border:0"><!-- date --> <img src="Images/h0.gif"
name="date_img1" alt="" >=""><img src="Images/h0.gif"
name="date_img2" alt=""> <img src="Images/hs.gif" alt=""> <img
src="Images/h0.gif" name="date_img3" alt=""> <img src="Images/h0.gif"
name="date_img4" alt=""> <img src="Images/hs.gif" alt=""> <img
src="Images/h2.gif" name="date_img5" alt=""> <img src="Images/h0.gif"
name="date_img6" alt=""> <img src="Images/h0.gif" name="date_img7"
alt=""> <img src="Images/h0.gif" name="date_img8" alt=""> </td>
</tr>
</tbody>
</table>
<table border="6" width="150" style="display:inline;">
<tbody>
<tr>
<td align="center" style="display:inline-block; border:0"><big><span style="font-weight: bold;"></span></big>
<big><span style="font-weight: bold;"> Bonjour</span></big></td>
</tr>
</tbody>
</table>
<table border="6" width="200" style="display:inline;">
<tbody>
<tr>
<td align="center" style="display:inline-block; border:0"><!-- heure --> <img src="Images/h0.gif"
name="heure_img1" alt=""> <img src="Images/h0.gif" name="heure_img2"
alt=""> <img src="Images/hh.gif" alt=""> <img src="Images/h0.gif"
name="heure_img3" alt=""> <img src="Images/h0.gif" name="heure_img4"
alt=""> <img src="Images/hm.gif" alt=""> <img src="Images/h0.gif"
name="heure_img5" alt=""> <img src="Images/h0.gif" name="heure_img6"
alt=""> </td>
</tr>
</tbody>
</table>
<br>
</body>
</html>
Même si je ne vois pas les images, les 3 tables sont alignée et tout est dedans !
FF:8, IE 9 et 9 et même Chrome (soit, la version dev : 17)
[o-_-o] |
|
mardi 6 décembre 2011 à 17:04:18 |
Re : Aligner 3 tableaux
Guy72
|
Quand, je colle le code,et que je regarde le résultat, "-block" disparaît
Cordialement Guy
|
|
mercredi 7 décembre 2011 à 00:08:20 |
Re : Aligner 3 tableaux
camillagaiaschicherie
|
bonjour
bon alors deja tu as une erreur la :
<!-- date --> <img src="Images/h0.gif"
name="date_img1" alt="" >="">
ensuite le ne comprend pas l interet de faire 3 tableaux alors qu un seul suffit mais bon si tu y tiens utilise le style float:left; sur tes tables sans les br bien sur |
|
mercredi 7 décembre 2011 à 10:15:05 |
Re : Aligner 3 tableaux
Guy72
|
Bonjour,
Ok pour l'erreur, mais ça ne change rien.
Comment puis-je obtenir ça ?
Mon problème est là :
En 3 ou en 1 seul tableaux, mais avec la possibilité de changer les bordures et de gérer les espaces entre les cellules (indépendaemment)
Cordialement Guy
|
|
mercredi 7 décembre 2011 à 12:55:05 |
Re : Aligner 3 tableaux
camillagaiaschicherie
|
bonjour,
<table width="100%" style="text-align:center;">
<tr>
<td width="250px" style="border:6px outset #ccc;">Date</td>
<td></td>
<td width="150px" style="border:6px double #ccc;">Bonjour</td>
<td></td>
<td width="200px" style="border:6px outset #ccc;">Heure</td>
</tr>
</table>
ou
<div style="text-align:center;">
<div style="float:left;clear:left;display:inline-block;border:6px outset #ccc;padding:5px 15px;">images</div>
<div style="float:none;clear:both;display:inline-block;border:6px double #ccc;padding:5px 15px;">bonjour</div>
<div style="float:right;clear:right;display:inline-block;border:6px outset #ccc;padding:5px 15px;">heure</div>
</div> |
|
Cette discussion est classée dans : code, tableaux, aligner
 Répondre à ce message
 Sujets en rapport avec ce message
Deux tableaux dans la même page ? [ par rebois ]
Bonsoir, Mon deuxiéme post concerne un deuxieme tableau que je doit mettre sur ma page d'acceuil, alors est-ce que je peux nommée la balise () pour l
tableaux [ par debutant VB ]
Bonjour à tous, j'essaye de débugger mon programme de sudoku,mais j'ai un petit problème ; en simplifié, c'est celui-là :Lorsque j'exécute le code js
Appel dynamique de tableaux [ par Capharnaum ]
Bonjour, Débutante en javascript, je rencontre un problème et fait donc appel à vous. Je souhaiterai qu'une boucle me permette de renvoyer les valeurs
Interaction JS/PHP [ par simook2 ]
[code=js] Counter seconds simple <script src="jquery-1.4.2.min.
Problème de onchange sur un select [ par Coki44 ]
Bonjour, je code une page html avec un formulaire contenant deux select, l'idée étant que l'utilisateur ne peut choisir que dans un de ces select. Do
Redimensionner une iframe tout en étant à l'intérieur [ par eagledark ]
Bonjour à tous, Je rencontre actuellement un problème. Je suis dans une iframe et j'ai un button. En cliquant dessus, sur la propriété onClick, j'ex
recuperation des valeurs des champs creer par javascript en php [ par elgbouri ]
Bonjour, comme le titre l'indique, j'aimerai récupérer les valeurs des champs ajouter dynamiquement avec JavaScript pour les traiter avec la méthode
Au secours !! Débutante cherche code javascript/css pour apparition/disparition d'une div au moyen d'un rollover sur une liste ! [ par roxanita06 ]
Bonjour à tous ! Bon voilà je me lance, je fais mon premier site et je suis déjà confrontée au problème suivant : J'ai une liste de lien et je souha
changer la couleur d'un element [ par debra54 ]
[i]bonsoir a tous ,voila je voudrais créer un menu horizontale qui a chaque clique me redirige vers une page (ou lien ) et cette meme case est alors
transition fond ecran éléatoire [ par tif27940 ]
Bonjour, voici mon code pour l'affiche de mon fond écran aléatoire qui fonctionne très bien mais je voudrais savoir si il est possible de mettre des
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|