Centrer 2 tableaux côte à côte

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Centrer 2 tableaux côte à côte

Message par SB »

Quelqu'un pourrait me montrer le code adéquat ? Parce que pour l'instant je sèche. :(
Edit petite précision : sans notifier la largeur des tableaux dont la taille varie selon le contenu en php.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Je ne vois pas trop ce que tu veux faire... :? :oops: Tu as un exemple ?
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

une marge - un tableau- (facultatif une marge) - un tableau - une marge égale à la première
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Code : Tout sélectionner

<center>
<table>...</table>
</center>
:?: :P :lol:

OK je -->[]
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

Ah ouais bien vu. Bon ça va m'obliger à supprimer le lien vers le valideur du W3C mais est-ce qu'on en a vraiment quelque chose à faire ? :lol: :roll:
Sinon en css ?
Thomas
Varan
Messages : 1907
Inscription : 07 janv. 2004, 17:29

Message par Thomas »

soit :
-englobé les deux tableau dans un tableau à 2 colonnes
-utiliser CSS et des position:absolute voire des float:left je sais pas
-oublier d'utiliser des tableaux :) sont ils indispensable ici (données tabulaires)
Anciennement Toto.
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

Toto a écrit :oublier d'utiliser des tableaux :) sont ils indispensable ici (données tabulaires)
Ben si, données en provenance d'une table de données.
Toto a écrit :utiliser CSS et des position:absolute voire des float:left je sais pas
Float:left c'est fait pour placer le 2e à côté du premier, le problème du position:absolute c'est que comme je l'ai indiqué la taille du tableau est variable, du coup comme il est hors du flux il empiète sur le reste de la page si il est trop grand
Toto a écrit :englobé les deux tableau dans un tableau à 2 colonnes
Et sans utliser de remède de grand mère ?
Thomas
Varan
Messages : 1907
Inscription : 07 janv. 2004, 17:29

Message par Thomas »

SB a écrit :
Toto a écrit :oublier d'utiliser des tableaux :) sont ils indispensable ici (données tabulaires)
Ben si, données en provenance d'une table de données.
Ben ça change pas le problème, ça dépend quand même des données ^^
SB a écrit :
Toto a écrit :utiliser CSS et des position:absolute voire des float:left je sais pas
Float:left c'est fait pour placer le 2e à côté du premier, le problème du position:absolute c'est que comme je l'ai indiqué la taille du tableau est variable, du coup comme il est hors du flux il empiète sur le reste de la page si il est trop grand
Effectivement c'est un peuc ompliqué
SB a écrit :
Toto a écrit :englobé les deux tableau dans un tableau à 2 colonnes
Et sans utliser de remède de grand mère ?
Ah mon humble avis j'ai dis les seuls techniques possibles :(
Anciennement Toto.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Bon, franchement j'ai de la peine à saisir, pourquoi deux tableaux ? Pourquoi pas un tableau à deux colonnes plutôt ?

Si ce sont vraiment 2 tableaux distincts, pourquoi les aligner ?

Cela dit je pense que sur les tableaux, les margin-left:auto; margin-right:auto doivent fonctionner non ? Par défaut les tableaux ne s'étendent pas à la totalité de la largeur disponible...
chBok
Iguane
Messages : 991
Inscription : 17 oct. 2003, 19:17

Message par chBok »

Bah, c'est simple :
<table>
..<tr>
....<td><table>.#données1#.</table></td>
....<td><table>.#données2#.</table></td>
..</tr>
</table>
non ? :lol:
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

calimo a écrit :Cela dit je pense que sur les tableaux, les margin-left:auto; margin-right:auto doivent fonctionner non ? Par défaut les tableaux ne s'étendent pas à la totalité de la largeur disponible...
Le problème vient du fait qu'il y en a 2 côte à côte. Le margin du premier empêche le positionnement du 2e : exemple.
Avatar de l’utilisateur
ottomar
Varan
Messages : 1145
Inscription : 09 janv. 2005, 07:31

Message par ottomar »

openweb
margin-left:auto; margin-right:auto
ça centre
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

Merci pour ce scoop. Un autre ? :lol:
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Je ne sais pas ce que ça vaut mais bon...

Code : Tout sélectionner

table {display:inline;}
body {text-align:center;}
Le problème c'est qu'en quelque sorte on mets des blocs dans une ligne, ce qui n'est pas très logique... :roll:

Je ne sais pas si on a le droit de le faire, mais en tous cas ça marche... :wink:
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

Un exemple peut être, sans vouloir abuser ?
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité