Dropdown menu maken

Weet iemand van hoe ik van deze CSS:

Spoiler tonen

body {

font-family:"Tahoma",Verdana,Arial;

font-size:13px;

background: #439FA4 repeat;

}

#box {

background: #ffffff;

width: 728px;

margin: 15px auto 15px auto;

padding: 10px; border: 1px solid black;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

}

#ProudWebMenu ul { margin: 0; padding: 0;}
#ProudWebMenu li { margin: 0; padding: 0;}
#ProudWebMenu a { margin: 0; padding: 0;}
#ProudWebMenu ul {list-style: none;}
#ProudWebMenu a {text-decoration: none;}
#ProudWebMenu {height: 80px; background-color: #A44343; box-shadow: 0px 2px 3px rgba(0,0,0,.4);}

#ProudWebMenu > ul > li {
float: left;
margin-left: 20px;
position: relative;
}

#ProudWebMenu > ul > li > a {
color: rgb(160,160,160);
font-family: Verdana, Lucida Grande;
font-size: 15px;
line-height: 70px;
padding: 1px 20px;
-webkit-transition: color .15s;
-moz-transition: color .15s;transition: color .15s;
transition: color .15s;
}

#ProudWebMenu > ul > li > a:hover {color: rgb(250,250,250); }

#ProudWebMenu > ul > li > ul {
opacity: 0;
visibility: hidden;
padding: 16px 0 20px 0;
background-color: rgb(250,250,250);
text-align: left;
position: absolute;
top: 55px;
left: 50%;
margin-left: -90px;
width: 180px;
-webkit-transition: all .3s .1s;
-moz-transition: all .3s .1s;transition: all .3s .1s;
transition: all .3s .1s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#ProudWebMenu > ul > li:hover > ul {
opacity: 1;
top: 65px;
visibility: visible;
}

#ProudWebMenu > ul > li > ul:before{
content: ;
display: block;
border-color: transparent transparent rgb(250,250,250) transparent;
border-style: solid;
border-width: 10px;
position: absolute;
top: -20px;
left: 50%;
margin-left: -10px;
}

#ProudWebMenu > ul ul > li { position: relative;}

#ProudWebMenu ul ul a{
color: rgb(50,50,50);
font-family: Verdana, Lucida Grande;
font-size: 13px;
background-color: rgb(250,250,250);
padding: 5px 8px 7px 16px;
display: block;
-webkit-transition: background-color .1s;
-moz-transition: background-color .1s;transition: background-color .1s;
transition: background-color .1s;
}

#ProudWebMenu ul ul a:hover {background-color: rgb(240,240,240);}

#ProudWebMenu ul ul ul {
visibility: hidden;
opacity: 0;
position: absolute;
top: -16px;
left: 206px;
padding: 16px 0 20px 0;
background-color: rgb(250,250,250);
text-align: left;
width: 160px;
-webkit-transition: all .3s;
-moz-transition: all .3s;transition: all .3s;
transition: all .3s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#ProudWebMenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}

#ProudWebMenu ul ul a:hover{
background-color: rgb(205,44,36);
color: rgb(240,240,240);
}

#left {
position: relative;
margin: 6px auto;
width: 900px;
}

Een dropdown menu moet ik maken?

Zo ja, hoe dan?

Waarom is jouw code zo vreselijk lang, maar weet ik niet. Moet je even aan Thom vragen.

Tessaaa schreef:

Waarom is jouw code zo vreselijk lang, maar weet ik niet. Moet je even aan Thom vragen.

Wie is die Thom?

Tvl schreef:

Eerdere citaten tonen

Tessaaa schreef:

Waarom is jouw code zo vreselijk lang, maar weet ik niet. Moet je even aan Thom vragen.

Wie is die Thom?

Thommity

Tessaaa schreef:

Eerdere citaten tonen

Tvl schreef:

Eerdere citaten tonen

Tessaaa schreef:

Waarom is jouw code zo vreselijk lang, maar weet ik niet. Moet je even aan Thom vragen.

Wie is die Thom?

Thommity

Dankje voor de info, heb hem een PM verstuurd.

EDIT: hij weet het niet

Zo doe je dat:
http://sceneone.nl/tips_tricks/drop_down_menu.php

Al geprobeerd...wilde alleen niet meewerken
Kijk maar op twan.srv1.rapifia.nl

Al met Firebug gekeken?

Heb het nu werkend gekregen met een andere CSS x)

Een goed idee... pas zulke CSS stapsgewijs toe ipv een complete copy/paste.