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 :

Comment centrer mon texte et menu ??


Sujet :

Centrer un élément en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    88
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 88
    Par défaut Comment centrer mon texte et menu ??
    Hello tout le monde,
    j'ai cree un site web mais il y a un probleme......
    j'ai envie de superposer le menu et le texte sur l'image fond.jpg (etire vers le bas) mais ca marche pas c'est pas centre du tout. ca fait plus de 2 heures que je cherche comme un con mais je trouve pas.
    Il y a a la base le body, au dessus il y a l'image fond.jpg et enfin au dessus le menu et le texte.
    Comment faire pour que le fond.jpg soit pris comme reference au lieu de la fenetre du navigateur ?
    Merci d'avance.

    CSS:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
     
    body{
     
    font: 11px verdana, sans-serif;
     
    background: white url("fond.jpg")  center repeat-y; /*j'etire fond.jpg vers le bas....*/ 
     
    text-align:center;
     
    width:800px; /*la largeur de fond.jpg*/
     
    }
     
     
     
    .menu {
     
    width: 700px; /* largeur de mon menu....*/
     
    margin-left: auto;
     
    margin-right:auto;
     
    text-align:center;
     
    }
    HTML:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <body>
     
    <ul class="menu">
     
    <li> <a href="accueil.html">Accueil</a> </li>
     
    </ul>
     
    </body>.

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    234
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 234
    Par défaut
    Sous quel navigateur tes tests sont ils effectués ? Au risque de me faire taper dessus pas certain la balise <center></center> bien que déprécié marche sur tous les navigateurs meme les anciens... Tandis que margin-left, margin-right ne marche pas vraiment bien sous IE

  3. #3
    Membre éprouvé Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    width:800px; /*la largeur de fond.jpg*/
    Ton code à l'air à peu près dans une bonne voie mais cette ligne ne correspond pas à la largeur de ton fond. Là tu fixes une largeur au body ce qui n'est pas recommandé je pense. Je ne suis pas sûr de te suivre par contre
    Je crois que tu veux mettre un fond de 800px centré sur ta page afin que ton site soit contenu sur toute cette surface huh?
    Si j'ai pigé tu as donc besoin seulement d'une image de 800px de large et que cette ligne soit utilisée.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    background: #FFF url(fond.jpg) repeat-y center;
    De cette manière tu auras une bande au milieu de ton site de 800px et centrée, s'agissant de ton fond répété verticalement.
    Mais ne met pas la ligne width:800px dans ton body déjà...

Discussions similaires

  1. Comment centrer mon div imbriquer dans un autre
    Par pierrot10 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 03/12/2006, 13h15
  2. Réponses: 7
    Dernier message: 17/03/2006, 13h26
  3. [JLabel] comment centrer le texte ?
    Par Xitog dans le forum Agents de placement/Fenêtres
    Réponses: 4
    Dernier message: 15/03/2005, 21h51
  4. Comment centrer un Texte dans un rectangle ...
    Par Djedjeridoo dans le forum Composants VCL
    Réponses: 3
    Dernier message: 16/06/2003, 21h56

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