Plusieurs tableaux cote a cote?
Slash
-
guidette Messages postés 102 Date d'inscription Statut Membre Dernière intervention -
guidette Messages postés 102 Date d'inscription Statut Membre Dernière intervention -
Salut,
comment faire pour mettre plusieurs tableaux l'un a coté de l'autre
avec le code suivant, mes tableaux sont l'un en dessous de l'autre:
<html>
<body>
<table width="50%"><tr><td>Tableau1</td></tr></table>
<table width="50%"><tr><td>Tableau2</td></tr></table>
</body>
</html>
je connais la solution de faire 1 gros tableaux avec plusieurs petits dedans mais ca ne m'interesse pas car si un cellule devient grande alors toutes les cellules de la meme colonne auront cette meme grande taille
si quelqu'un sait?
merci
comment faire pour mettre plusieurs tableaux l'un a coté de l'autre
avec le code suivant, mes tableaux sont l'un en dessous de l'autre:
<html>
<body>
<table width="50%"><tr><td>Tableau1</td></tr></table>
<table width="50%"><tr><td>Tableau2</td></tr></table>
</body>
</html>
je connais la solution de faire 1 gros tableaux avec plusieurs petits dedans mais ca ne m'interesse pas car si un cellule devient grande alors toutes les cellules de la meme colonne auront cette meme grande taille
si quelqu'un sait?
merci
A voir également:
- Mettre deux tableaux côte à côte google doc
- Google maps satellite - Guide
- Dns google - Guide
- .Doc - Guide
- Google maps - Guide
- Google photo - Télécharger - Albums photo
8 réponses
Bonjour,
Beaucoup plus simple et moins lourd : l'utilisation d'une feuille de style.
Dans cet exemple, les 2 premiers tableaux seront alignés, le troisième sera sur une nouvelle ligne
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="Description" content="">
<meta name="Keywords" content="">
<style>
TABLE {
float : left;
margin-left : 5px;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<table border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br clear="left">
<table border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Monique
Elle est pas belle la vie ?
Beaucoup plus simple et moins lourd : l'utilisation d'une feuille de style.
Dans cet exemple, les 2 premiers tableaux seront alignés, le troisième sera sur une nouvelle ligne
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="Description" content="">
<meta name="Keywords" content="">
<style>
TABLE {
float : left;
margin-left : 5px;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<table border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br clear="left">
<table border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Monique
Elle est pas belle la vie ?
que de fonction compliquées !!
je ne connais rien au php, je me suis debrouillée avec le cdd
<table>
<td>
<tr>
</tr>
</td>
</table>
<table>
<td>
<tr>
</tr>
</td>
</table>
et dans le css, je mets que les "table" prennent 40% de ma page en largeur (donc 80% vu qu'il y a deux tableaux) et je garde les 20% restants pour les marges histoire que les deux tableaux soient pas collés mais là c'est pas obligatoire.
par defaut le "table" prend toute la largeur, suffit de lui dire qu'il doit partager ;)
voila si ça peut aider qqun...
je ne connais rien au php, je me suis debrouillée avec le cdd
<table>
<td>
<tr>
</tr>
</td>
</table>
<table>
<td>
<tr>
</tr>
</td>
</table>
et dans le css, je mets que les "table" prennent 40% de ma page en largeur (donc 80% vu qu'il y a deux tableaux) et je garde les 20% restants pour les marges histoire que les deux tableaux soient pas collés mais là c'est pas obligatoire.
par defaut le "table" prend toute la largeur, suffit de lui dire qu'il doit partager ;)
voila si ça peut aider qqun...
Bonsoir slash, bonsoir à tous,
Est-ce que ceci te convient ?
<html><body>
<table width="100%">
<td width="50%">
<table><tr><td>Tableau1</td></tr></table>
</td>
<td width="50%">
<table><tr><td>Tableau2</td></tr></table>
</td>
</table>
</body></html>
@12C4
Ipl
Est-ce que ceci te convient ?
<html><body>
<table width="100%">
<td width="50%">
<table><tr><td>Tableau1</td></tr></table>
</td>
<td width="50%">
<table><tr><td>Tableau2</td></tr></table>
</td>
</table>
</body></html>
@12C4
Ipl
re...
Tu vois, Ipl, de mes bonnes fréquentations, j'ai aussi appris à ne plus utiliser les tableaux pour la mise en page ;-)
Des exemples ?
http://openweb.eu.org/mise_en_page/
http://ljouanneau.free.fr/standards/
http://pompage.net/pompe/csspratique/
Bonne lecture :-)
Monique
Elle est pas belle la vie ?
Tu vois, Ipl, de mes bonnes fréquentations, j'ai aussi appris à ne plus utiliser les tableaux pour la mise en page ;-)
Des exemples ?
http://openweb.eu.org/mise_en_page/
http://ljouanneau.free.fr/standards/
http://pompage.net/pompe/csspratique/
Bonne lecture :-)
Monique
Elle est pas belle la vie ?
Salut,
La méthode faire un grand tableau est la meilleure.
Après il faut jouer avec les valeurs de proprietés que tu peux mettre pour chaque balise. (rowspan, colspan, width...)
C'est de cette facon que tu parviendras à ne pas avoir la meme largeur pour toutes les cellules.
Kalamit,
La nuit, tous les chats sont gris. Pas les poulets ! :@)
La méthode faire un grand tableau est la meilleure.
Après il faut jouer avec les valeurs de proprietés que tu peux mettre pour chaque balise. (rowspan, colspan, width...)
C'est de cette facon que tu parviendras à ne pas avoir la meme largeur pour toutes les cellules.
Kalamit,
La nuit, tous les chats sont gris. Pas les poulets ! :@)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ou alors tu fais un tableau principal qui a une ligne et plusieurs colonnes (autant de colonnes que tu veux de tableaux côte à côte). Puis dans chaque case tu mets un de tes tableaux
.O Sauvez un arbre : mangez un castor !
(_)__... wildmary
.O Sauvez un arbre : mangez un castor !
(_)__... wildmary
SAlut a tous
Le meme probleme mais un peut plus complexe:
<?php
$db = mysql_connect('localhost', 'login', 'password');
mysql_select_db('nom_de_la_base',$db);
$sql = 'SELECT * FROM Ma_table';
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
while($data = mysql_fetch_assoc($req))
{
echo '
<table width="100" height="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<th scope="col">'.$data['id'].'</th>
</tr>
</table>
';
}
mysql_close();
?>
J'aimerais qu'il affiche 4 tableaux par ligne ?
Le meme probleme mais un peut plus complexe:
<?php
$db = mysql_connect('localhost', 'login', 'password');
mysql_select_db('nom_de_la_base',$db);
$sql = 'SELECT * FROM Ma_table';
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
while($data = mysql_fetch_assoc($req))
{
echo '
<table width="100" height="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<th scope="col">'.$data['id'].'</th>
</tr>
</table>
';
}
mysql_close();
?>
J'aimerais qu'il affiche 4 tableaux par ligne ?
Je viens me greffer sur une vieille discussion, mais j'ai besoin de savoir comment aligner 2 tableaux cote à cote, et le résultat que je vois avec les largeurs données par MIMICRISTAL , c'est que les 2 tableaux sont l'un en dessous de l'autre et pas cote à cote ...
Quelqu'un a t-il la solution ?
Meme avec un gd tableau et 2 pts à l'intérieur, j'ai les 2 tableaux en dessous ...
Merci d'avance
Quelqu'un a t-il la solution ?
Meme avec un gd tableau et 2 pts à l'intérieur, j'ai les 2 tableaux en dessous ...
Merci d'avance
Je voudrais pouvoir installer des tableaux qui se côtoient sans être interférer à savoir si je mets un texte dans l'un que celui d'à côté ne laisse pas tout un espace vide qui correspond au texte installé à côté ... grosse galère super mange-nerfs... j'ai essayé avec les "couches" (je travaille avec NamoWebEditor 2006) mais le résultat est une véritable cata, si tout va bien dans la rubrique "édition" quand on regarde ce que ça donne dans "aperçu" on a le mal de mer surtout quand on essaye depuis plusieurs jours d'améliorer la page d'accueil de son site ce qui est mon cas ... je cherche aussi à installer un module de "commentaire" pour que les internautes puissent donner leur avis mais çà pour le moment j'ai abandonné parce qu'à force je finis par croire que je suis réellement débile et je sais que ce n'est pas vrai simplement je dois être un peu trop vieille (65 ans) pour assimiler les trucmuches du html et autre CSS ... ça me déprime !!