begin process at 2012 05 28 15:47:51
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

PHP

 > 

Web 2.0

 > 

CSS

 > 

aligner un tableau

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

aligner un tableau

jeudi 30 septembre 2010 à 13:26:18 | aligner un tableau

Ecux
Bonjour,

je cherche depuis ce matin comment aligner un tableau horizontalement.
Normalement si il est contenu dans une div dont le text-align vaut center ça devrait marcher mais là non. Je comprends pas ce que j'ai oublié :'(

voici mon css
Code :
#content                 { margin:10px; text-align:center;}
#content h1              { margin:10px 0px; font-size:16pt; font-weight:bold; }
#content h2              { margin-bottom:5px; font-size:14pt; }
#content h4              { margin-bottom:5px; font-size:14pt;font-weight:200 ;}
#content form            { margin:10px;text-align:right; }
#content br              { clear:both; }
#content hr              { width:500px; margin:5px 0px; border:1px dashed; }
#content .form           { clear:both; width:600px;}
#content .form_import           { padding-left: 15px; padding-right: 15px; clear:both; width:100%; }
#content .frame          { float:left; margin:5px 0px; border:1px inset; }
#content .form h3        { margin:5px 0px; text-align:center; font-weight:bold; }
#content .form span      { margin:1px 0px; }
#content input.text      { border-width:1px; width:250px; }
#content select          { border-width:1px; }
#content table           { border:2px solid ; border-collapse:collapse;}
#content th              { font-weight:bold; white-space:nowrap;}
#content th, #content td { border:1px solid;/*text-align: center;*/ padding:5px; }
#content td              {white-space:nowrap;}
#content p               { margin:20px; }
#content .stats { float:left; margin: 15px; border-color: black; border-width: 1px; }
#content .stats th{ text-align: left; border-color: black; border-width: 1px; }
#content .stats td{ text-align: right; border-color: black; border-width: 1px; }
#content .stats .stats_out { text-align:left; border-color: black; border-width: 1px; }
#content a { text-decoration:none; color:#191970; }
#content a:hover { color:white; }
#content .boutton { display: block; padding: 5px 5px 5px 5px; width: 200px; background-color: #DDDDDD; border-width: 1px; border-style: solid; border-color: #999999; font-style: arial;  font-weight:bold; color: #333333; cursor:pointer; }
#content  .boutton:hover { color: #000080; background-color: #AAAAAA; border-color: #000000; }
#content #search { width:600px; border-color: black; padding: 10px;}
#content #search table , #content #search table td { border: 0px; }
#content ol, #content ul { margin:20px; list-style-position:inside; }
#content .bpopup { font-family: Times New Roman, Times, serif; color:#191970; background-color:#DDDDDD; cursor:pointer;}
#content .bpopup:hover { color:white; }



Voici ma page hmtl :

Code HTML :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title>Extranet Inescom - ADMIN - Gestion des utilisateurs</title>
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
        <link href="../css/style.css" rel="stylesheet" type="text/css">
        <script src="../js/script.js" type="text/javascript"></script>
        
    </head>
<body>

<div id="logo">
        <a href="../"><img src="../images/logo.gif" title="Extranet" /></a>
        </div><ul id="menu"><li class="selected">
                        <a href="?part=user">>> Utilisateurs <<</a>
                    </li><li class="fleft">
                        <a href="?part=salaries">Infos Salariés</a>
                    </li><li class="fleft">

                        <a href="?part=indeps">Infos Indépendants</a>
                    </li><li class="fleft">
                        <a href="?part=societes">Sociétés</a>
                    </li><li class="fleft">
                        <a href="?part=clients">Infos Clients</a>
                    </li><li class="fleft">
                        <a href="?part=consignes">Consignes</a>

                    </li><li class="fleft">
                        <a href="?part=docs">Documents</a>
                    </li><li class="fright">
                        <a href="?part=quit">D&eacute;connexion</a>
                    </li></ul><div id="content">
                <form method="post" enctype="multipart/form-data" action=""><h1>Gestion des utilisateurs</h1><a href="javascript:form_submit('action','new')">
                    <img src="../images/new.png" alt="Nouvel utilisateur"/>Ajouter un nouvel utisisateur
                </a><br /><br /><div style="text-align:center;" >test css</div><div style="text-align:center;" ><table>

                <tr>
                    <th>Login</th><th>Mot de passe</th><th>Profil</th>
                    <th>Actions</th>
                </tr><tr>
                    <td>rachid</td><td>mot</td><td>Administrateur</td>

                    <td><a href="javascript:form_submit('action','edit','id','1')">
                                <img src="../images/edit.png" title="Modifier" />
                            </a><a href="javascript:confirm_delete_cascade_submit('action','del','id','1')">
                                <img src="../images/del.png" title="Supprimer" />
                            </a></td>
                </tr><tr>
                    <td>c1</td><td>c</td><td>Client</td>

                    <td><a href="javascript:form_submit('action','edit','id','2')">
                                <img src="../images/edit.png" title="Modifier" />
                            </a><a href="javascript:confirm_delete_cascade_submit('action','del','id','2')">
                                <img src="../images/del.png" title="Supprimer" />
                            </a></td>
                </tr><tr>
                    <td>chef1</td><td>c</td><td>Chef d'&eacute;quipe</td>

                    <td><a href="javascript:form_submit('action','edit','id','3')">
                                <img src="../images/edit.png" title="Modifier" />
                            </a><a href="javascript:confirm_delete_cascade_submit('action','del','id','3')">
                                <img src="../images/del.png" title="Supprimer" />
                            </a></td>
                </tr><tr>
                    <td>eva</td><td>riste</td><td>Administrateur</td>

                    <td><a href="javascript:form_submit('action','edit','id','4')">
                                <img src="../images/edit.png" title="Modifier" />
                            </a><a href="javascript:confirm_delete_cascade_submit('action','del','id','4')">
                                <img src="../images/del.png" title="Supprimer" />
                            </a></td>
                </tr><tr>
                <td colspan="4">Page :<b>1</b>&nbsp;</td>
                </tr></table></div>

            <input type="hidden" name="page" value="1" /><input type="hidden" name="part" value="user" />
            <input type="hidden" name="action" value="" />
            <input type="hidden" name="id" value="" />
        </div></form>
</body>
</html>


Je précise que j'ai rajouté le <div style="text-align:center;" > exprès pour tester et c'est génial le texte "test css" est bien centré mais mon tableau non. Ce n'est donc pas un problème de id ou de class... je pète un cable quoi :)
Ca doit etre un truc balo ou une ignorance de ma part sur CSS. Bref si quelqu'un peut me fournir une explication/solution. Merci
vendredi 1 octobre 2010 à 10:59:42 | Re : aligner un tableau

Lyle56
Bonjour,

su ton div qui contient le tableau essai :

margin : 0 auto;



Sans maitrise, la puissance n'est rien
Il ne faut pas vendre la peau de l'ours, non il ne faut pas.
dimanche 3 octobre 2010 à 23:46:33 | Re : aligner un tableau

DiabloBros

Code HTML :
<style>
        td.center { text-align:center 	}
</style>

<body>
<table>
  <tr>
    <td>&nbsp;</td>
    <td class="center">lol</td>
  </tr>
</table>



DiabloBros Was Here...
lundi 4 octobre 2010 à 18:58:24 | Re : aligner un tableau

Ecux
Merci de vos réponses. La seule solution que j'ai trouvé est un <div align="center"> avec ma table dedans. Les margin et text-align:center en CSS n'aligne que du texte, pas l'élément <table> . Merci quand même de vos réponses.

Donc j'ai le résultat que je voulais mais en CSS je sais toujours pas si c'est possible d'obtenir la même chose.


Cette discussion est classée dans : width, color, content, border, margin

Répondre à ce message

Sujets en rapport avec ce message

aligner 2 calque [ par ahlemlo ] bonjourje veus bien aligner le calque de contenu1 avec le calque de contenu2j'arrive pa à faire ça malgré j'ai mis aider moi svp<br feuilles de style et Mac [ par c_hippo ] Bonjour,J'ai une page qui marche très bien sous Windows (IE 6.0) mais qui fonctionne plus très bien sous Mac (IE 5.0) !En fait j'ai un bloc 'profile'  XHTML [ par gibozsec ] Bonjour à tous,ma question ne concerne pas php mais puisqu'il y a des développeur web ici quelqu'un pourra peut etre me répondre.J'ai un problème en x pb affichage site [ par sbool ] Bonjour tout le monde, c'est la première fois que je vois ca:Je travaille en 1200 * 1024 et lorsque je teste mon site dans une resolution inférieure, Probléme css !!! [ par texas77 ] Bonjour,j'ai un pobléme avec mon css !!le probléme es-ce possible de mettre le pied de page en bas du menu de gauche et de droite et du milieu qui se probléme placement collone droite css [ par speedylol ] bonjour voic le probléme que j'ai le positionement de la colone droite n'est pas bonne , je vois mon erreur car je debut en css voici le code ci contr border, margin... [ par holoduke ] bonjour, j'ai une question sûrement toute bête en html, http://www.endersen.eu/Mug/sub_header.htmlVoilà 3 cases de tableau que je voudrais collées. Vo largeur minimale TD [ par MasterCent ] Bonjour à tous,Je génère un tableau dynamiquement depuis un script PHP, mais je galère sur la taille de mon tableau : Je ne connais pas à l'avance le stylesheet [ par mounir999 ] salut   je suis debutant en Microsft Visual Studio 2008, je voulais créer une page web avec un bon design alors j'ai telecharger un fichier de style q Contenu de Bdd et affichage avec retour a la ligne [ par DjChat ] Bonjour a tous, je gere un affichage dynamique qui est stoqué dans une Bdd en varchar qui est du texte, pour le positionner je l'ai mi dans des div qu


Nos sponsors


Sondage...

Comparez les prix


Archos 5 Internet Tablette 500 Go
Entre 396€ et 444€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,529 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)