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

HTML Discussion :

Tableau 3 colonnes dont celle du milieu toujours centrée


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    901
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 901
    Par défaut Tableau 3 colonnes dont celle du milieu toujours centrée
    Bonjour,

    j'ai un tableau a 100% avec 3 colonnes:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <table width="100%" background="bg.png" ...>
    <tr>
    <td>&nbsp;</td>
    <td width="1000"></td>
    <td>&nbsp;</td>
    </tr>
    la 1ere colonne est toujours vide,
    la 2eme contiendra le contenu du site sur une largeur de 1000px
    et la 3eme colonne est toujours vide

    je suis oblige d'avoir 3 colonnes car j'ai un graphisme (bg-png) qui depasse les 1000px!

    ma question est:
    est ce que la colonne du milieu sera TOUJOURS centree?
    y a t il une autre solution que vous proposez?

    En vous remerciant
    Reda

  2. #2
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 495
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 495
    Billets dans le blog
    1
    Par défaut
    Non, par défaut, cette colonne est ajustée à gauche. Pour qu'elle soit centrée, il faut mettre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     <td align="center" width="1000">

  3. #3
    Membre chevronné Avatar de Neroptik
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2005
    Messages
    337
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2005
    Messages : 337
    Par défaut
    Bonjour,

    Citation Envoyé par redah75 Voir le message
    Bonjour,
    je suis oblige d'avoir 3 colonnes car j'ai un graphisme (bg-png) qui depasse les 1000px!
    Pourquoi cela ? je vois pas trop le rapport

    Citation Envoyé par redah75 Voir le message
    ma question est:
    est ce que la colonne du milieu sera TOUJOURS centree?
    Ben la colonne du milieu sera toujours au milieu oui
    Bon d'accord blague à part tu parle du fait que l'image de fond est centrée en largeur dans la colonne du milieu ? Si c'est le cas il te suffit de rajouter une propriété CSS pour la colonne du tableau :

    html:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <td class="colMilieu">Plop</td>
    css:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    //backgroud-position:top/bottom/right/left/middle;
    // Genre par exemple :
    .colMilieu {
     backgroud-position:top right;
    }
    Citation Envoyé par redah75 Voir le message
    y a t il une autre solution que vous proposez?
    Eh bien si le tableau a pour but de déterminer la structure de ton site et qu'il n'est pas seulement là pour accueillir du contenu alors il vaux mieux utiliser les div se sera moins fouillis (et moins carré) pour la suite.

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    901
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 901
    Par défaut
    Merci de vos reponses...

    au fait le site fait 1000px de largeur et est toujours centré.
    comme arriere plan, j'ai une image (carte du monde) qui fait a peu pres 1300px, ca depasse donc des 2 cotes du site de 150px
    et en plus de tout cela, j'ai un degrade definit dans le body

  5. #5
    Membre extrêmement actif Avatar de ledisciple
    Homme Profil pro
    observateur de nuage niveau 2.3
    Inscrit en
    Août 2008
    Messages
    860
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France

    Informations professionnelles :
    Activité : observateur de nuage niveau 2.3

    Informations forums :
    Inscription : Août 2008
    Messages : 860
    Par défaut
    Citation Envoyé par redah75 Voir le message
    Merci de vos reponses...

    au fait le site fait 1000px de largeur et est toujours centré.
    comme arriere plan, j'ai une image (carte du monde) qui fait a peu pres 1300px, ca depasse donc des 2 cotes du site de 150px
    et en plus de tout cela, j'ai un degrade definit dans le body
    j'ai un conseil : branche ton pc sur un grand écran comme ça tu pourras avoir toute la carte sur la colonne du milieu avec le nombre de pixel que tu veux ... lol !!!

  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
    Bonsoir

    Pourquoi utiliser des tableaux ? Prends deux divs qui sont l'une dans l'autre, la première ferra 1300 px de large et sera centrée grâce à ce code : http://xhtml.developpez.com/faq/?pag...orizontalement ; la seconde div ferra 1000 px de large et sera centrée également.

    Tu laisses le dégradé dans le body, ta carte de 1300 px sur le le premier div, et le contenu du site dans la seconde div...

    Ca me parait correspondre à ce que tu veux...

  7. #7
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    901
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 901
    Par défaut
    Merci "12monkeys" pour ta reponse.
    c'est exactement ce que j'ai fait et j'attendais une confirmation. chose faite!
    pour realiser ceci, j'ai utiliser des div avec des float left & right, est ce mieux que d'utiliser position: absolute ou relative??

    j'avoue que je galere un peu car j'ai toujours eu l'habitude de mettre des tableaux, la maintenant j'utilise QUE des div mais comment devrais je faire si je dois mettre en place 4 ou 5 colonnes??

    tres bientot je serai amene a afficher l'alphabet, devrais je l'afficher sous forme de liste <li> plutot qu'en tableau ??

    MErci bien

Discussions similaires

  1. Réponses: 0
    Dernier message: 13/11/2014, 16h12
  2. graphs de deux colonnes sans celles au milieu
    Par hidodu dans le forum Macros et VBA Excel
    Réponses: 5
    Dernier message: 19/06/2014, 15h14
  3. Réponses: 1
    Dernier message: 02/04/2013, 10h20
  4. [XSL~FO] tableau à colonnes variables
    Par matts21 dans le forum XSL/XSLT/XPATH
    Réponses: 4
    Dernier message: 18/09/2006, 15h47
  5. Tableau -> Titre colonne (th) + saut de ligne ?!
    Par AceG dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 07/05/2005, 09h46

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