Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme affiche titre

    1 novembre 2006 à 11:19:14

    bonjour

    Voila j'ai créé un design pour mon site mais j'ai un petit probleme avec mon titre. Je voudrais qu'il soit collé a la borbure du haut de la page comme avec internet explorer:

    Image utilisateur

    Mais avec firefox ca donne ca:
    Image utilisateur


    voila mon css:

    .boutm /* pour le bout du milieu */
    {
    text-align: center;
    height: 50px ;
    background: url("images/fond_menu.gif") repeat-x;
    }

    .boutg /* pour le bout de gauche */
    {
    background: url("images/boutg.gif") no-repeat;
    height: 50px;
    padding-left: 30px ;
    }

    .boutd /* pour le bout de droite */
    {
    height: 50px;
    background: url("images/boutd.gif") no-repeat top right;
    padding-right: 30px ;

    .titre /* pour les titres */
    {
    margin: 0px;
    width: 100%;
    height: 50px;
    font-family: impact;
    }
    }


    Mon titre est formé comme ca:
    <div class="titre"><div class="boutg"><div class="boutd"><div class="boutm"><p>Bienvenue sur r0bots</p></div></div></div></div>


    urlhttp://r0bots.free.fr
    • Partager sur Facebook
    • Partager sur Twitter
      3 novembre 2006 à 14:38:55

      Il faut mettre les padding-top à 0 pour les 2 blocs où il y a ce pb d'espace.
      • Partager sur Facebook
      • Partager sur Twitter
        3 novembre 2006 à 15:08:40

        Citation : xbb

        Il faut mettre les padding-top à 0 pour les 2 blocs où il y a ce pb d'espace.


        ca change rien
        • Partager sur Facebook
        • Partager sur Twitter
          3 novembre 2006 à 15:41:17

          En fait, il s'agit soit du padding-top du conteneur du titre, soit du margin-top de la div en haut du titre.

          Donc pour le conteneur : padding-top : 0;

          et pour les div du titre : margin-top : O;
          • Partager sur Facebook
          • Partager sur Twitter
            3 novembre 2006 à 16:05:05

            rien a faire, ca marche pas :'(
            • Partager sur Facebook
            • Partager sur Twitter
              3 novembre 2006 à 16:15:55

              A première vue je pencherais pour une fusion de marge, genre la margin-top par défaut du p. Test en rajoutant p {margin:0;} pour voir dans ton css (d'ailleurs il me semble que ta balise p est inutile...)

              Autrement tu devrais revoir ton codage et utiliser les balises appropriées pour les titres ;)
              • Partager sur Facebook
              • Partager sur Twitter
                3 novembre 2006 à 16:20:30

                c'est bon ca marche
                merci a vous ;)
                • Partager sur Facebook
                • Partager sur Twitter
                  3 novembre 2006 à 16:20:34

                  tu aurais pu essayer avec le positionnement relatif
                  • Partager sur Facebook
                  • Partager sur Twitter
                    3 novembre 2006 à 16:26:55

                    resolu dsl j'avais oublié
                    • Partager sur Facebook
                    • Partager sur Twitter
                      3 novembre 2006 à 16:32:29

                      Ah oui j'avais oublié le <p>... le pire c'est que j'avais eu le même pb!!

                      Le mieux, c'est simplement de ne pas mettre ton titre entre des balises <p>, mais plutot un <h1|2|...>
                      • Partager sur Facebook
                      • Partager sur Twitter

                      Probleme affiche titre

                      × 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