Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme avec menu dynamique

tinzaker
    17 août 2006 à 0:26:24

    Salut tout le monde, j'ai grand besoin d'aide.
    ça fait une semaine que je passe mon code en revu sans arrêt mais je ne sais toujours pas quoi faire.

    Bon aller je vous explique ce qui ne fonctionne pas.

    J'ai mon menu qui est tres bien, je l'adore mais je n'arrive pas a enlever la couleur de fond du bouton du début sans que le fond du reste diparaisse.

    Bon dison que je n'explique pas très bien. Donc pour vous voici des print screen de mon probleme.


    Sans que ma sourit soit dessus
    Image utilisateur

    Avec ma soutit: vous voyez ce que ma fleche pointe c'est ca que je veu enlever. sans que la couleur de fond du reste s'enleve
    Image utilisateur

    Voici le code source... merci a tous ceux qui vons essayer de m'aider...



    il fonctionne que sous internet explorer.


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
            "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html>

    <head>
    <title>Suckerfish Dropdowns - Perciformes!</title>

    <style type="text/css">

    #format {
            font: 78%/1.5 arial, helvetica, serif;
            background: white url(bgbaba.gif);
            text-align: center;
            padding: 0;
            margin: 2em;
    }

    #nav  {
            float: left;
            width: 0em;
            list-style: none;
            line-height: 1;   
            font-weight: bold;
            padding: 0;
            margin: 0 0 1em 0;
    }

    #nav a {
            display: block;
            width: 10em;
            w\\idth: 9.5em;
            color: #7C6240;
            text-decoration: none;
            padding: 0.42em 2em;
    }

    #nav a.daddy {
            background: url(rightarrow2.gif) center right no-repeat;
    }

    #nav li {
            float: left;
            padding: 0;
            width: 1em;
    }

    #nav li ul {
            position: absolute;
            left: -999em;
            height: auto;
            width: 14.4em;
            w\\idth: 13.9em;
            font-weight: normal;
            border-width: 0.10em;
            margin: 0;
    }

    #nav li li {
            padding-right: 2em;
            width: 13em
    }

    #nav li ul a {
            width: 13em;
            w\\idth: 11em;
    }

    #nav li ul ul {
            margin: -1.75em 0 0 10.5em;
    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
            left: -999em;
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
            left: auto;
    }


    .cadre {

            border: solid #eda;
            border-width: 4px 0;
            background: #fff;       
    }

    .bouton {

    background-image: url("images/boutonmenu4.gif");
    background-repeat: no-repeat;
    }


    #nav li.sfhover {
            background: #eda;
    }

    </style>

    <script type="text/javascript"><!--//--><![CDATA[//><!--

    sfHover = function() {
            var sfEls = document.getElementById("nav").getElementsByTagName("LI");
            for (var i=0; i<sfEls.length; i++) {
                    sfEls[i].onmouseover=function() {
                            this.className+=" sfhover";
                    }
                    sfEls[i].onmouseout=function() {
                            this.className=this.className.replace(new RegExp(" sfhover\\\\b"), "");
                    }
            }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);

    //--><!]]>    </script>


    </head>

    <body bgcolor="#FFFFFF">
    <div id="format">

    <ul id="nav">

            <li><a href="#" class="bouton" >Wear solutions</a>
                    <ul class="cadre">
                            <li ><a href="#" class="daddy">Trimay</a>

                                    <ul class="cadre">
                                            <li><a href="#" class="daddy">Plate</a>
                                                    <ul class="cadre">
                                                            <li><a href="#">Specification</a></li>
                                                            <li><a href="#">Application</a></li>
                                                            <li><a href="#">Download specifications</a></li>
                                                    </ul>
                                            </li>

                                            <li><a href="#" class="daddy">Hard facing</a>
                                                    <ul class="cadre">
                                                            <li><a href="#">Welding rod</a></li>
                                                            <li><a href="#">Welding wire</a></li>
                                                            <li><a href="#">Application</a></li>
                                                            <li><a href="#">Download specifications</a></li>
                                                    </ul>
                                            </li>

                                    </ul class="cadre">
                            </li>
                            <li><a href="#" class="daddy">Raymor</a>
                                    <ul class="cadre">

                                            <li><a href="#">Plasma spray</a></li>
                                            <li><a href="#">Download specifications</a></li>
                                    </ul>
                            </li>
                            <li><a href="#" class="daddy">Solu-tex</a>
                                    <ul class="cadre">

                                            <li><a href="#">Tungsten carbide bar</a></li>
                                    </ul>
                            </li>


                    </ul>
            </li>
    </div>

    </body>

    </html>



    p.s. le design n'est pas encore fais, dons pas de commentaire svp.

    Aidez-moi je deprime lol :p
    • Partager sur Facebook
    • Partager sur Twitter
    tinzaker
      17 août 2006 à 16:28:27

      est-ce que vous comprener... ??
      • Partager sur Facebook
      • Partager sur Twitter
      Gregoo
        17 août 2006 à 17:02:53

        Salut,
        essaye d'ajouter celà à ta feuille de style :
        #nav li.button {
                background: none;
        }


        Cordialement,
        Gregoo
        • Partager sur Facebook
        • Partager sur Twitter

        Probleme avec menu dynamique

        × 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