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

Webdesign (HTML, CSS, Flash)

html/Css dropdown menu

Anoniem
boelieboelie
3 antwoorden
  • Hoi allemaal

    Ik gebruik voor mijn website's dropdown menu de volgende css:
    [code:1:a5936fe51b]<style type="text/css">
    #menubar a {text-decoration: none; font-weight: normal;}
    #menubar { border-bottom: 2px solid #212463; background-color: #fff; color: #5161AC; height: 18px; padding-top: 3px;}
    .menu {width: auto; float: left; padding: 0px 14px 0px 15px; cursor: default;}
    .menu ul {
    display: none;
    position: absolute;
    background-color: #fff;
    list-style: none;
    border: 1px solid #5161AC;
    padding: 0;
    margin: 0;
    left: 245px;
    top: 170px;
    }
    .menu ul li { display: block; padding: 5px;}
    </style>

    <script type="text/javascript">
    function show(elem) {elem.style.display = "block";}
    function hide(elem) {elem.style.display = "none";}
    </script>[/code:1:a5936fe51b]

    In firefox ziet dat er goed uit, in IE wijkt het wat af. Wat kan ik daar aan doen?

    Nu mijn echte probleem:

    De volgende html code zorgt voor de bouw van het menu. Als ik met mijn muis op producten ga staan gaat het menu netjes open, wil ik dan naar het submenu gaan gaat het submenu weer weg! (zie
    [code:1:a5936fe51b] <td><div id="menubar">
    <div id="menu1" class="menu"><a href="#">Home</a></div>
    <div id="menu3" class="menu">
    <a href="http://www.newcybertron.nl/producten.htm" onMouseOver="show(document.getElementById('submenu1'))">Producten</a>
    <ul onMouseOut="hide(document.getElementById('submenu1'))" id="submenu1">
    <li><a href="http://www.newcybertron.nl
    eissues.htm">Reissues</a></li>
    <li><a href="http://www.newcybertron.nl/mp.htm">MP</a></li>
    </ul>
    </div>
    <div id="menu4" class="menu">
    <a href="http://www.newcybertron.nl">Portal</a>
    </div>[/code:1:a5936fe51b]

    Ik hoop dat jullie me kunnen helpen!">)

    [code:1:a5936fe51b] <td><div id="menubar">
    <div id="menu1" class="menu"><a href="#">Home</a></div>
    <div id="menu3" class="menu">
    <a href="http://www.newcybertron.nl/producten.htm" onMouseOver="show(document.getElementById('submenu1'))">Producten</a>
    <ul onMouseOut="hide(document.getElementById('submenu1'))" id="submenu1">
    <li><a href="http://www.newcybertron.nl
    eissues.htm">Reissues</a></li>
    <li><a href="http://www.newcybertron.nl/mp.htm">MP</a></li>
    </ul>
    </div>
    <div id="menu4" class="menu">
    <a href="http://www.newcybertron.nl">Portal</a>
    </div>[/code:1:a5936fe51b]

    Ik hoop dat jullie me kunnen helpen!

    ">www.newcybertron.nl/transformers.htm)

    [code:1:a5936fe51b] <td><div id="menubar">
    <div id="menu1" class="menu"><a href="#">Home</a></div>
    <div id="menu3" class="menu">
    <a href="http://www.newcybertron.nl/producten.htm" onMouseOver="show(document.getElementById('submenu1'))">Producten</a>
    <ul onMouseOut="hide(document.getElementById('submenu1'))" id="submenu1">
    <li><a href="http://www.newcybertron.nl
    eissues.htm">Reissues</a></li>
    <li><a href="http://www.newcybertron.nl/mp.htm">MP</a></li>
    </ul>
    </div>
    <div id="menu4" class="menu">
    <a href="http://www.newcybertron.nl">Portal</a>
    </div>[/code:1:a5936fe51b]

    Ik hoop dat jullie me kunnen helpen!
  • Het kan ook zonder javascript (althans, voor non-IE browsers; voor IE is een htc-bestand nodig):
    www.htmldog.com/articles/suckerfish/dropdowns/
  • [quote:db374da8ef="boelieboelie"]Het kan ook zonder javascript (althans, voor non-IE browsers; voor IE is een htc-bestand nodig):
    www.htmldog.com/articles/suckerfish/dropdowns/[/quote:db374da8ef]

    Het moet in IE en firefox goed te zien zijn. Iets van 80% van de mensen heeft toch IE? Zou dus zonde zijn als bij hun het menu niet werkte :cry:

Beantwoord deze vraag

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