Partage
  • Partager sur Facebook
  • Partager sur Twitter

Le centre de mon menu joue a cache cache !!

gniiii

Sujet résolu
    28 janvier 2007 à 12:18:50

    Bonjour,

    dans le but de faire un menu extensible je mets ce code :


    #menu
    {

       float: left; /* On définit la largeur de l'image */
       min-width:14%;
       max-width:16%;
    }
    #menu1
    {

       float: left; /* La première partie sera à gauche*/
       width:93px; /* On définit la largeur de l'image */
       height: 280px; /* On définit la hauteur de l'image */
       background-image: url("images/menugauche.jpg");
       background-repeat: no-repeat;
       margin-bottom: 10px;
    }

    #menu2
    {

       width:auto; /* Se répétera sur la place qu'on lui donne. */
       height: 280px;
       background-image: url("images/menumilieu.jpg");
       background-repeat: repeat-x; /* Un repeat-x aurait suffit, mais comme on définit la hauteur c'est pas la peine*/
       margin-bottom: 10px;
    }

    #menu3
    {

       float: right; /* La dernière partie est à droite */
       width:1px;
       height: 280px;
       background-image: url("images/menudroit.jpg");
       background-repeat: no-repeat;
       margin-bottom: 10px;
       margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
    }


    Et dans "haut.php" je mets

            <div id="menu">
            <div id="menu1">
    </div>
             
    <div id="menu3">
    </div>
             
    <div id="menu2">
    </div>
            </div>

    Je précise que height et with (si ils sont en pixels) corespondent bien au tailles des images
    J'ai fait a peu prés pareil pour ma banière et ma barre et sa à marché mais la...
    Cela donne ceci :
    Image utilisateur
    Autrement dit l'espace qui devrais ètre rempli par le centre est en blanc

    Ou est le problème ?
    Merci d'avance

    EDIIIT : Le problème vient de #menu car si je l'enlève sa marche (mais le menu ocupe tout la largeur de la page)

    EDIIIT2 :
    menu
    {
       float: left; /* On définit la largeur de l'image */
       width:15%;
    }
    #
    Avec sa je n'ai pas la 3ème partie de droite
    • Partager sur Facebook
    • Partager sur Twitter

    Le centre de mon menu joue a cache cache !!

    × 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