IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

centrer un tableau


Sujet :

Centrer un élément en CSS

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    128
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2009
    Messages : 128
    Par défaut centrer un tableau
    bonjour,
    j'ai un wrapper centré.
    dedans je place deux images l'une au-dessus de l'autre centrées
    en-dessous je place un tableau de 1 ligne et deux colonnes, 100px de large
    en mode création, il est centré. F12 avec mozilla et tableau aligné à gauche.
    Comment centrer le tableau ?
    j'ai ajouté <div align="center"> autour des balises <table> et cela fonctionne mais est-ce la seule solution ?

    merci
    Marc

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Bonjour,
    Citation Envoyé par ml1234 Voir le message
    Comment centrer le tableau ?
    j'ai ajouté <div align="center"> autour des balises <table> et cela fonctionne mais est-ce la seule solution ?
    Une solution plus propre serait de le faire en CSS (séparation du contenu et de la mise en forme).
    Donnes par exemple un id à ton table et dans le CSS ;
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    #ton_id { margin:0 auto; }
    Ce qui devrait le centrer dans son bloc conteneur.
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    128
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2009
    Messages : 128
    Par défaut re
    merci à tous
    la méthode de Hiron : nickel dans mozilla et en plus cela donne un nom à ma table qui me permettra de la différentier des éventuelles sous-tables.

    mais pourquoi diable align="center" dans la balise table qui fonctionne dans dreamweaver en mode création et, je viens de le tester, dans internet explorer (browser secondaire shift F12) aussi, ne marche pas du tout dans mozilla ?


    note :
    ça ne marche pas bien la notification instantanée par email. cela fait plusieurs jours que je ne reçois aucun email

    merci

  5. #5
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Citation Envoyé par ml1234 Voir le message
    Mais pourquoi diable align="center" dans la balise table qui fonctionne dans dreamweaver en mode création et, je viens de le tester, dans internet explorer (browser secondaire shift F12) aussi, ne marche pas du tout dans mozilla ?
    La propriété align est à éviter (obsolète), passer par du CSS et bien plus propre et respecte le fait de séparer le contenu de la mise en forme.
    Dreamweaver étant un éditeur WYSIWYG, il ne respecte pas forcément (voir pas du tout) cela...
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  6. #6
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Entièrement d'accord avec HiRoN...

    Par contre montre nous ton code parce que en testant avec l'attribut align sur une div, j'ai bien mon tableau qui est centré avec Firefox 3...

Discussions similaires

  1. [XHTML] Centrer un tableau en XHTML strict
    Par japz dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 17/05/2006, 18h31
  2. Centrer un tableau sous IE
    Par Angeldu74 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 27/03/2006, 13h59
  3. [CSS] centrer un tableau
    Par Azharis dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 08/01/2006, 18h19
  4. [CSS]Comment centrer un tableau
    Par Dnx dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 21/10/2005, 22h29
  5. [XHTML] centrer un tableau au milieu d'un div - bug firefox
    Par mondiani dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 07/02/2005, 23h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo