Tableau sur la meme ligne
Profil bloqué
-
Profil bloqué -
Profil bloqué -
Bonjour,
J'ai chercher partout mais je n'ai trouver aucun code permettant d'avoir deux tableaux sur la même ligne (un a l'extreme gauche l'autre a l'extreme droite). Quelqu'un aurait-une idée du code s'il vous plait. Merci d'avance
<config>Mac OSX lion 10.7.3 booter avec windows 7 32 bits</config>
J'ai chercher partout mais je n'ai trouver aucun code permettant d'avoir deux tableaux sur la même ligne (un a l'extreme gauche l'autre a l'extreme droite). Quelqu'un aurait-une idée du code s'il vous plait. Merci d'avance
<config>Mac OSX lion 10.7.3 booter avec windows 7 32 bits</config>
A voir également:
- Tableau sur la meme ligne
- Tableau word - Guide
- Tableau ascii - Guide
- Partager photos en ligne - Guide
- Trier un tableau excel - Guide
- Imprimer tableau excel sur une page - Guide
6 réponses
Hello,
Il existe 1001 moyen de le faire. Mets les dans deux divs par exemple,
.half {
float:left;
width:50%; /* ou mets ton propre width)
}
.table {
width:100%;
}
<div class="half">
<table class="table" ......
</table>
</div>
<div class="half">
<table class="table" ......
</table>
</div>
Il existe 1001 moyen de le faire. Mets les dans deux divs par exemple,
.half {
float:left;
width:50%; /* ou mets ton propre width)
}
.table {
width:100%;
}
<div class="half">
<table class="table" ......
</table>
</div>
<div class="half">
<table class="table" ......
</table>
</div>
Sa ne marche pas avec ces tableaux !
<div align="left">
<TABLE BORDER="1">
<TR>
<TH><a href="http://totooooooo1.franceserv.com/">Index</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/News.php">News</a></TH>
</TR>
<TR>
<TH><a href="http://www.totooooooo1.franceserv.com/tous-les-codes.php">Tous les codes</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/MÉTÉO.php">Météo</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/creer-son-site.php">Creer son site</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/surprise.php">Surprise</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></TH>
</TR>
<div align="right">
<TR>
<TH><a href="users.php">voir la liste des utilisateurs</a></TH>
</TR>
</div>
</TABLE>
</div>
</body>
</html>
<div align="left">
<TABLE BORDER="1">
<TR>
<TH><a href="http://totooooooo1.franceserv.com/">Index</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/News.php">News</a></TH>
</TR>
<TR>
<TH><a href="http://www.totooooooo1.franceserv.com/tous-les-codes.php">Tous les codes</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/MÉTÉO.php">Météo</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/creer-son-site.php">Creer son site</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/surprise.php">Surprise</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></TH>
</TR>
<div align="right">
<TR>
<TH><a href="users.php">voir la liste des utilisateurs</a></TH>
</TR>
</div>
</TABLE>
</div>
</body>
</html>
Essaies ceci...
<TABLE BORDER="1">
<TR>
<TH><a href="http://totooooooo1.franceserv.com/">Index</a></TH>
<TH><a href="users.php">voir la liste des utilisateurs</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/News.php">News</a></TH>
</TR>
<TR>
<TH><a href="http://www.totooooooo1.franceserv.com/tous-les-codes.php">Tous les codes</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/MÉTÉO.php">Météo</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/creer-son-site.php">Creer son site</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/surprise.php">Surprise</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></TH>
</TR>
</TABLE>
<TABLE BORDER="1">
<TR>
<TH><a href="http://totooooooo1.franceserv.com/">Index</a></TH>
<TH><a href="users.php">voir la liste des utilisateurs</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/News.php">News</a></TH>
</TR>
<TR>
<TH><a href="http://www.totooooooo1.franceserv.com/tous-les-codes.php">Tous les codes</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/MÉTÉO.php">Météo</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/creer-son-site.php">Creer son site</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/surprise.php">Surprise</a></TH>
</TR>
<TR>
<TH><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></TH>
</TR>
</TABLE>
Conseil. Evite les tableaux, utilise les SEUELEMT pour les VRAI tableaux. Le tien devrait être une liste
CSS
.nav {
list-style:none;
padding:0;
margin:0;
}
HTML
<ul class="nav">
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
</ul>
CSS
.nav {
list-style:none;
padding:0;
margin:0;
}
HTML
<ul class="nav">
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
<li><a href="http://totooooooo1.franceserv.com/jeux.php">Jeux</a></li>
</ul>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
<div class="clear"></div> après les 2 div class=half
<TABLE BORDER="1">
<TR>
<TH><a href="edit_infos.php">Modifier mes informations personnelles</a></TH>
</TR>
<TR>
<TH><a href="connexion.php">Se déconnecter</a></TH>
</TR>
</TABLE>
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.half {
float:left;
width:50%; /* ou mets ton propre width)
}
.table {
width:100%;
}
Tout ça c'est dans le CSS, les autres dans HTML