Discussion :

[Shandler]

Bonjour a tous,

Voila j'ai cette page a cette adresse http://shandler.free.fr/essai.html
et sur cette page j'ai un tableau qui ce nomme option que je voudrais centrer vous me direz j'ai cas rajouter un margin sauf que ce tableau option n'a pas toujours la meme taille car il y a pas tjs le meme nombre de lien et donc quand il y a moins de lien le tableau n'est plus centré donc enfaite je voudrai que ce soit toujours centré quelque soit le contenu.

Merci a vous

[glloq8]

Alors j'ai une solution, mais pour ça il faut connaitre la taille de ton tableau...

En fait voila les modifs à apporter à ta feuille de styles :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
Dans #centre tu ajoute ceci :
 
text-align: center /*C'est un hack pour que ça fonctionne sous IE*/
 
 
Dans #discu tu ajoute :
 
margin-left: auto;
margin-right: auto;
 
et tu peux supprimer le position:absolute

Alors comme je disais au début, tu dois connaitre la largeur de ton tableau pour que ça fonctionne.
Le problème c'est que tu dis que c'est variable en fonction du nombre de liens présents...
Ce que je te propose, c'est que à l'aide d'un javascript, tu récupère la largeur de ton tableau (malheureusement, je ne sais pas comment faire) que tu stock dans une variable.
Ensuite tu l'applique en style à ton tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById('discu').style.width='ta_variable_cree_avant';

J'espère ne pas avoir dit trop de bétises !

[Shandler]

Oui ca marcherais si j'avais la taille du tableau et perso j'aimerais ne pas utilisé de javascript donc si y a une autre solution merci a vous

[sedryk]

Hello Shandler,

Je ne vois pas trop de tableau dans le source de ta page... Du coup c'est pas évident de comprendre ton problème.

[Shandler]

Vi je sais car ca pas un tableau avec des tab mais c'est fais avec des div c'est pour ca que tu ne voie pas de tableau.

Merci

[Linaa]

Oui, mais tu as utilsé des listes.
Et avec ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.menudiscu li { text-align:center; }