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)

dropdown menu verplaatst.

victor-xd
6 antwoorden
  • [img:903889ce13]http://img268.imageshack.us/img268/3960/knipsel2e.jpg[/img:903889ce13]

    dit is mijn probleem hoe kan ik hem krijgen dat hij er recht onder staat?
    ik heb position:absolute;

    MVG,,
  • PS hij hoort onder "Over Victor" te staan.
  • Zonder linkje of code valt hier weinig over te zeggen.
  • menu:
    [code:1:e8e0bb2876]<div class="menustyle" id="menu">
    <ul>
    <li><a href="/sailing">Home</a></li>
    <li><a rel="about-victor" href="/sailing/about-victor">Over Victor</a></li>
    <li><a href="/sailing/boat">Boot</a></li>
    <li><a href="/sailing/photo-video">Foto's en Video's</a></li>
    <li><a href="/sailing/sponsors">Sponsers</a></li>
    <li><a href="/sailing/contact" id="contact">Contact</a></li>
    </ul>
    <div class="clear">

    <!– Extra menu about-victor –>
    <div id="about-victor" class="dropmenudiv">
    <a href="/sailing
    esults">Uitslagen</a>
    <a href="/sailing/program">Agenda</a>
    </div></div>
    </div>
    <script type="text/javascript">
    cssdropdown.startchrome("menu")
    </script>[/code:1:e8e0bb2876]

    css:
    [code:1:e8e0bb2876].menustyle{
    width: 99%;
    font-weight: bold;
    }

    .menustyle:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    .menustyle ul{
    border: 0px solid #BBB;
    width: 99%;
    background-color:white
    padding: 0px 0;
    margin: 0;
    text-align: left;
    padding-top: 0.7em;
    list-style-image:url("/sailing/images/arr.gif");
    }

    .menustyle ul li{
    display: inline;
    }

    .menustyle ul li a{
    color: #494949;
    padding: 4px 7px;
    margin: 0;
    text-decoration: none;
    border-right: 0px solid #DADADA;
    }


    .menustyle ul li a:hover,
    .menustyle ul li a.selected{
    background: url(chromebg-over.gif) center center repeat-x;
    }



    .dropmenudiv{
    position:absolute;
    border: 1px solid #BBB;
    border-bottom-width: 0;
    font:normal 12px Verdana;
    line-height:18px;
    z-index:100;
    background-color: white;
    width: 200px;
    visibility: hidden;
    }


    .dropmenudiv a{
    width: auto;
    display: block;
    text-indent: 0px;
    border-bottom: 1px solid #BBB;
    padding: 0px 0;
    text-decoration: none;
    font-weight: bold;
    color: black;
    }

    * html .dropmenudiv a{
    width: 100%;
    }

    .dropmenudiv a:hover{
    background-color: #F0F0F0;
    }[/code:1:e8e0bb2876]

    ik was idd nog niet volledig maar ik dacht dat het daar aan lag
    Pardon,,

    MVG,,
  • Wat een zooi. Ik heb zo het idee dat je dit niet zelf hebt getikt, maar dat je gewoon ergens een script vandaan hebt gehaald? Probeer daar dan eerst eens de handleiding of de website van te lezen…

    Of leg anders even uit wat je tot nu toe gedaan hebt.
  • idd,

    het js bestandje heb ik niks aan gewijzigd,
    en in de css, alleen wat opmaak veranderd.
    ik heb het ondertusen al zo gemaakt.
    door wat met de divjes te kloten, want daar komt het uiteindelijk toch van.

Beantwoord deze vraag

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