CSS Dropdown menu

Status
Niet open voor verdere reacties.

sjoerdd87

Gebruiker
Lid geworden
4 jul 2009
Berichten
26
Hallo,

Ik ben al een tijd aan het zoeken hoe ik van mijn menu een dropdown menu kan maken.

Ik gebruik altijd een standaard menu, helaas krijg ik deze niet als dropdown, misschien dat iemand mij kan helpen.

De codes die ik gebruik zijn:

CSS:

Code:
ul#menu

    { 
        font-family: Arial; 
        font-size: 15px; 
        color: #ffffff; 
        font-weight: normal; 
        text-align: left;
        margin-left: 0px; 
        margin-top: 0px;
        background-color: #f8f6f3;        
        margin: 0px; 
        padding-left: 481.5px; 
        white-space: no-wrap;
        list-style: none; 

    }

ul#menu li 
    { 
        float: left; 
        height: 20px;
        white-space: no-wrap;
        list-style: none;
        

        
     } 
     
ul#menu li a 
    { 
        display: block; 
        overflow: hidden; 
        height:    25px; 
        margin-top: 75px;
        padding-top: 8px;
        padding-right: 15px;
        padding-bottom: 0px;
        padding-left: 15px;
        font-family: Arial; 
        color: #000000; 
        font-size: 15px; 
        text-decoration: none; 
        font-weight: normal;
        white-space: no-wrap;
        list-style: none;
        margin-left: 10px;
        background-color: #ffffff;
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        border: 0px solid #800000;
        

    } 
     
ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover 
    { 
        margin-top: 75px;
        padding-top: 8px;
        padding-right: 15px;
        padding-bottom: 0px;
        padding-left: 15px;
        background-color: #41372d;
        color: #ffffff; 
        height: 25px;
        white-space: no-wrap;
        list-style: none;
        
    }

HTML:

HTML:
        <ul id="menu">
        <li class="active"><a href="index.shtml">Home</a></li>
        <li><a href="Wie_zijn_wij.shtml">Wie zijn wij</a></li>
        <li><a href="Projecten.shtml">Projecten</a></li>
        <li><a href="Contact.shtml">Contact</a></li>
        </ul>

Ik hoop dat iemand weet hoe ik dit kan doen.

Groet,

Sjoerd.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan