Partage
  • Partager sur Facebook
  • Partager sur Twitter

Menu horizontal

Sorry i'm a noob =S

R3n@rD
    2 février 2006 à 20:09:45

    Bonjour tout le monde,
    Bon voila je suis nul en css et je suis confronté (une nouvelle fois :-° ) à un probleme.

    Voila, alors bon j'essaye de me faire un menu horizontal pour un site avec 5 elements.
    Chacun des élements possedent un Div car en effet je veux qu'il soient cliquables et roll-over(able).

    Bon je me suis dans un premier temp dit qu'il fallait que je mette un float et mettre aux autres des margin left. Seulement comment vous pouvez le voir ICI, cela ne marche que pour le deuxieme.

    Voici mon code CSS (bon j'ai mit beaucoup de Div en vérité parce que je savais pas quoi mettre d'autre :p )


    #conteneur2
    {
    width:750px;
      margin: auto;
      height: 35px;

    }
      #bouton1
        {
       width: 150px;
       height: 35px;
       background-image: url("D:/site/images/bouton-gauche.jpg");
    float: left;


            }
            #bouton2
        {
       width: 150px;
       height: 35px;
       background-image: url("D:/site/images/bouton-centre.jpg");
             margin-left: 150px;


            }
            #bouton3
        {
       width: 150px;
       height: 35px;
       background-image: url("D:/site/images/bouton-centre.jpg");
          margin-left: 300px;

            }
            #bouton4
        {
       width: 150px;
       height: 35px;
       background-image: url("D:/site/images/bouton-centre.jpg");
       margin-left: 450px;

            }
            #bouton5
        {
       width: 150px;
       height: 35px;
       background-image: url("D:/site/images/bouton-droite.jpg");
          margin-left: 600px;

            }



    Et le Xhtml,



    <div id="header"></div>

    <div id="conteneur2">
      <div id="bouton1"></div>
      <div id="bouton2"></div>
        <div id="bouton3"></div>
              <div id="bouton4"></div>
                <div id="bouton5"></div>
    </div>



    Merci d'avance :)
    • Partager sur Facebook
    • Partager sur Twitter
    neoxx78
    • HTML / CSS
      2 février 2006 à 20:29:10

      Il faut mettre des float : left à tous tes boutons :D ... et enlève les marges de gauche donc ;)
      • Partager sur Facebook
      • Partager sur Twitter
      Rikudo.fr Jeu de Rikudo gratuit et en ligne - Rikudo-puzzle.com (EN) - Rikudo.pl (PL) Tutoriel : La sémantique HTML / Un menu horizontal
      R3n@rD
        2 février 2006 à 21:20:00

        Et ben ... ca a l'air rudement facile pour toi ^^
        J'y aurai pas penser mettre float a tous !!
        Merci beaucoup :)
        • Partager sur Facebook
        • Partager sur Twitter
        Geekimo
        • HTML / CSS
          2 février 2006 à 21:21:18

          Pense a mettre le chemin relatif de tes images car quand tu vas mettre ca en ligne, il y aura un probleme si tu ne fais pas ca!
          @+
          • Partager sur Facebook
          • Partager sur Twitter

          Menu horizontal

          × 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