Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

navigatie level 3 verdwijnt wanneer met item wil selecteren

None
2 antwoorden
  • Vorige keer heb ik fantastisch hulp gehad, daarom keer ik weder met mijn vraag.;-)




    Mijn level 3 verdwijnt als ik in level 3 een item wil selecteren,.


    Nu heb ik de UL waar level 3 in staat een aantal pixels naar rechts verplaatst omdat dat nodig was voor het ontwerp.


    #menu ul ul ul ul{
    position: absolute;
    top: 0px; /* aantal pixels waar level 2 en 3 naar beneden gaat */
    left: 130px;
    width: 152px;
    visibility: visible;
    }

    hier staat mijn hele navigatie


    http://www.mahony.nl/navigatie/index03.html

    ALVAST ENORME DANK, VRIENDELIJKE GROETJES van MAHONY

    —————————————————————————




    #menu {
    width: 155px; /* width van je knoppen!!!! */
    /* background: #000000 ; BG kleur van level 1 */
    /* background-image:url(sample01.gif); */

    background-image:url(images/opmaak/trans20h.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    line-height: 19px;
    font-weight: normal;
    font-variant: normal;
    color: #336699;
    text-align: right;
    text-indent: 0px;
    vertical-align: middle;
    word-spacing: 0.1em;
    white-space: normal;
    margin: 0px;
    padding: 0px;
    }

    #menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    color:#ffffff;
    }

    #menu a, #menu h2 {
    /*font: bold 11px/16px arial, helvetica, sans-serif;*/
    display: block;

    /*
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #888 #555 #bbb;
    */ /* Border is hier uitgezet */
    margin: 0;
    padding: 3px 5px; /* padding aan de bovenkant en padding aan de linker kant */
    }

    #menu a {
    color: #336699; /* text kleur */
    /*background: #efefef;*/ /* BG van alle levels, wil je level 1 alleen anders moet je even de achtergrond aanpassen in #menu */
    text-decoration: none;

    }



    #menu li li li :visited {

    }


    #menu a:hover { /* text kleur bij mouseOver*/
    color: #ffffff;
    /* background: #00ff33; /* ook hier kun je de achtergrond aanpassen */
    /* background-image:url(sample02.gif); background-repeat:no-repeat; */

    }
    #menu li :hover {
    color:#ff6600; /* mouseOver hoofdmenu*/

    }

    #menu li li li :hover { /* text kleur bij mouseOver*/
    color: #ffffff;
    background: #ffffff; /* ook hier kun je de achtergrond aanpassen */
    background-image:url(images/navigatie_index02/sample06.gif); background-repeat:repeat-y;

    }


    #menu li li li li :hover { /* text kleur bij mouseOver*/
    color: #ffffff;
    background: #ffffff; /* ook hier kun je de achtergrond aanpassen */
    background-image:url(images/navigatie_index02/sample07.gif); background-repeat:repeat-y;

    }



    #menu li {
    position: relative;
    background: none;
    background-image:url(sample03.gif); background-repeat:repeat-y;
    color:#000000;
    }

    #menu li li {
    position: relative;
    /* background: #000000;
    background-image:url(sample04.gif); background-repeat:repeat-y; */
    color:#000000;
    }

    #menu li li li {
    color:#000000;
    position: relative;
    background: #ffffff;
    /* background-image:url(sample04.gif); background-repeat:repeat-y; */

    }

    #menu ul ul ul {
    position: absolute;
    top: 0px; /* aantal pixels waar level 2 en 3 naar beneden gaat */
    left: 100%;
    width: 152px;
    visibility: visible;
    }
    #menu ul ul ul ul{
    position: absolute;
    top: 0px; /* aantal pixels waar level 2 en 3 naar beneden gaat */
    left: 130px;
    width: 152px;
    visibility: visible;
    }





    div#menu ul ul ul,
    div#menu ul ul li:hover ul ul
    {display: none;}

    div#menu ul ul li:hover ul,
    div#menu ul ul ul li:hover ul
    {display: block;}


    #menulayer {
    position:absolute;
    left:0px;
    top:50px;
    width:184px;
    height:198px;
    z-index:1000;
    }
    body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    }
    </style>
    <!–[if IE]>
    <style type="text/css" media="screen">
    #menu ul li {float: left; width: 100%;}
    </style>
    <![endif]–>
    <!–[if lt IE 7]>
    <style type="text/css" media="screen">
    body {
    behavior: url(csshover.htc);
    font-size: 100%;
    }
    #menu ul li {float: left; width: 100%;}
    #menu ul li a {height: 1%;}

    </style>
    <![endif]–>
    <link href="stylesheets/navigatie.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!–
  • 1x is wel genoeg.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.