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

help - java navigatie script

Anoniem
Error404
1 antwoord
  • http://www.mahony.nl/navigatie/index.html — hier staat mijn navigatie


    het probleem,
    na het testen op een windows machine XP 2002 browser IE 6.0,

    = dat de subnavigatie helemaal niet getoond wordt.


    wie kan mij hierin begeleiden, ik ben helaas!:-) geen programmeur maar rommel behoorlijk wat aan .




    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1"></meta>
    <title>Vertical CSS Menu Tutorial ~ Example Page 7</title>
    <meta name="description" content="Example 7 - CSS Vertical Popout Menu Tutorial"></meta>
    <link rel="shortcut icon" href="http://www.tanfa.co.uk/favicon.ico" />
    <style type="text/css" media="screen"> @import "tanfa.css"; /***** General formatting only ****/

    /**************** menu coding *****************/
    #menu {
    width: 200px; /* width van je knoppen!!!! */
    background: #FFFFFF; /* BG kleur van level 1 */
    }

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

    #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: 5px 3px; /* padding aan de bovenkant en padding aan de linker kant */
    }
    #menu a {
    color: #000; /* 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 a:hover { /* text kleur bij mouseOver*/
    color: #a00;
    background: #fff; /* ook hier kun je de achtergrond aanpassen */
    }

    #menu li {
    position: relative;
    }

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

    }

    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;}

    </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%;}

    #menu a, #menu h2 {
    font: bold 0.7em/1.4em arial, helvetica, sans-serif;
    }

    </style>
    <![endif]–>
    </head>
    <body>

    <!– start Menu HTML –>
    <div id="menu">
    <ul>
    <li>
    <ul>
    <li><a href="#">menu met 1 level</a><!– fully working sample –>

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

    <ul>
    <li>
    <ul>
    <li><a href="#">menu met 2 levels</a><!– fully working sample –>
    <ul>
    <li><a href="#">level 2</a>
    </li>

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

    <ul>
    <li>
    <ul>
    <li><a href="#">menu met 3 levels</a><!– fully working sample –>
    <ul>
    <li><a href="#">level 2</a>
    <ul>
    <li><a href="#">Level 3</a></li>

    <li><a href="#">Level 3</a></li>
    <li><a href="#">Level 3</a></li>
    <li><a href="#">Level 3</a></li>
    <li><a href="#">Level 3</a></li>
    <li><a href="#">Level 3</a></li>
    </ul>
    </li>

    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </div>
    </body>
    </html>

Beantwoord deze vraag

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