Partage
  • Partager sur Facebook
  • Partager sur Twitter

Menus (encore et toujours)

Sujet résolu
    24 août 2006 à 11:37:22

    <question></question>J'aimerais réaliser des menus comme ci-contre à gauche de l'écran:
    Un encadré pour le titre du menu et un autre encadré collé en-dessous pour les éléments du menus. Et çà pour vchaque menu bien sur. ^^
    Merci.
    • Partager sur Facebook
    • Partager sur Twitter
      24 août 2006 à 11:59:19

      Salut,
      si tu veux faire un peu la même chose que le menu de gauche regardes tout simplement le code source de cette même page et tu trouveras les codes suivant:
      Pour le html j'ai abrégé

      <div id="menu">

              <h5>Sous menu</h5>
              <div class="corpsmenu">
                      <ul>
                              <li><a>lien </a></li>
                              <li><a>lien </a></li>
                              <li><a>lien </a></li>
                      </ul>
              </div>
             
              <h5>Sous menu</h5>
              <div class="corpsmenu">
                      <ul>
                              <li><a>lien </a></li>
                              <li><a>lien </a></li>
                              <li><a>lien </a></li>
                      </ul>
              </div>
      </div>


      Puis le css utilisé par le SDZ:

      #menu
      {

              float:left;
              width: 13%;
              margin-left:0.5%;
              margin-right:0.5%;
      }

      #menu h5
      {
              height: 22px;
              margin: 0;
              padding-top: 6px;
              padding-left:10px;
              padding-bottom:0px;
              vertical-align: bottom;
              color:#2C485C;
              background-color:#F4F9FD;
              background:url('../../images/designs/1/menu/header.png') repeat-x;
              border:1px dashed #2C485C;
      }

      #menu ul
      {
              list-style-type: none;
              list-style-position: inside;
              padding: 0;
              margin-left: 5px;
      }


      #menu .corpsmenu
      {
              background-color:#F4F9FD;
              padding: 0;
              margin: 0;
              margin-bottom:10px;
              border: 1px solid #848686;
              border-top:1px solid #F4F9FD;
      }


      • Partager sur Facebook
      • Partager sur Twitter

      Menus (encore et toujours)

      × 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