Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème de CSS + XHTML

    1 décembre 2005 à 22:01:01

    Salut tout le monde. J'avais déjà fait un design pour mon site, mais j'ai décidé d'en refaire un... enfin cela n'est pas mon problème. Voilà en fait, je voudrais que les titres <h2>...</h2> soit centrés !!
    Voilà donc la partie de mon CSS qui peut vous interresser :

    body
            {
                    background-color:#004080;
                    color: white;
                    width: 800px;
                 margin: auto; /* Centrage de la page */
                 margin-top: 20px; /* Centrage de la page */
                 margin-bottom: 20px;  /* Centrage de la page */
            }
    h1
            {
                    display: inline;
                    font-family:"Courier New", Courier, mono;
                    color:white;
            }
           
    h2
            {
                    display:inline;
                    text-align: center;
                    font-size:20px;
            }

    (il n'y a pas que ça, bien sûr ^^) et voici aussi l'adresse où on peut voir que mes titres ne sont pas centrés...

    http://nakman37.free.fr

    PS : Le design est au TOUT début ! c'est normal que ce soit si moche !! Voilà, je vous remercie d'avance !!
    • Partager sur Facebook
    • Partager sur Twitter
      1 décembre 2005 à 22:45:25

      C'est normal qu'ils ne soient pas centrés, tu as mis display: inline, donc enlève cette propriété, te tu verras que le centrage se fera ^^
      • Partager sur Facebook
      • Partager sur Twitter
        2 décembre 2005 à 6:31:29

        ils ne setront centrés que si tu leur donne une largeur un margin-left:auto; margin-right:auto;
        • Partager sur Facebook
        • Partager sur Twitter
          2 décembre 2005 à 7:16:51

          <h2 align="center">Nouveau Design</h2></align>

          Tu doit remplacer par ça :
          <h2>Nouveau Design</h2>

          ça devrait mieux coller avec ça je pense. Tu utilise 1 balise et tu en ferme 2 donc forcément, ça peut pas coller, de plus tu utilise "align="center"" aussi dans ton CSS donc ça venait surement de là.
          Essaie ça et dis-nous si ça marche, je pense ue oui mais on sait jamais.
          • Partager sur Facebook
          • Partager sur Twitter
            2 décembre 2005 à 7:57:53

            bonjour,

            Dans le html, mettre uniquement
            <h2>Nouveau Design</h2>

            Dans le CSS enlever le inline

            Et cela doit marcher.

            Pourquoi deux DIV dans le menu ???
            De même, une liste à la place d'un tableau serait mieux.
            • Partager sur Facebook
            • Partager sur Twitter
              2 décembre 2005 à 20:47:22

              Je vous remercie ! Le centrage s'est fait en enlevant le "inline" !!
              Si il y avait deux DIV dans le menu, c'est parce que j'ai fait une erreur dans le "include" en PHP (que l'on voit pas dans le code source forcément ;) )

              Merci de votre aide !
              • Partager sur Facebook
              • Partager sur Twitter

              Problème de CSS + XHTML

              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
              • Editeur
              • Markdown