dropdown menu

heeft iemand een dropdown menu?
het liefts zonder css en plaatjes/kleuren!

heefd = heeft
liefds = liefst

En waarom zonder CSS? Een dropdown menu opgebouwd uit CSS zijn juist te beste.

Je kan trouwens ook ff googlen

Inderdaad, css word in elke browser gewoon gebruikt, javascript kan soms uit staan..

ohw
maar ik heb al mooi menu en ik wil er css van maken
ik kan de css straks mischien efe geven

de css:
PS de upperbar moet dropdown

/** BASIC */

body {
    margin: 0px;
    padding: 0px;
    background: #73C5E5 url(images/img01.gif) repeat-y center top;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444444;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #8cb6e7;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 3px 3px 3px;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #73C5E5;
    text-transform: uppercase;
    font-weight: 700;
    font-weight: bold;
}

a {
    font-weight: bold;
    color: #4773C1;
}

p {
    padding-left: 3px;
    padding-right: 15px;
}

h2 {
    font-size: 18px;
}
a:hover {
    text-decoration: none;
    color: #73C5E5;
}

.img1 {
    float: left;
    margin: 4px 15px 0px 0px;
    border: 5px solid #ABDCEF;
}
.text1 {
    font-size: 14px;
    text-transform: lowercase;
}

/** HEADER */

#upperbar {
    width: 770px;
    margin: 0px auto;
    padding: 5px 0px 6px 0px;
    background-color: #60B7DE;
    color: #FFF;
}

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

#upperbar li {
    display: inline;
    text-transform: uppercase;
    border-right: 1px dotted #EFEFEF;
}

#upperbar a {
    padding: 5px 15px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}

#upperbar a:hover {
    background-color: #73C5E5;
    text-decoration: none;
    text-indent: dashed;
}

#header {
    width: 770px;
    height: 125px;
    margin: 0px auto;
    background: #FFFFFF url(images/headers/header.png) no-repeat right center;
    padding: 0px;
}

#header h1 {
    margin: 0px;
    padding: 20px;
}

#header h2 {
    margin: 0px;
    font-size: 14px;
}

#logo {
    height: 109px;
    margin: 0px;
    padding: 32px 3px 3px 10px;
}

#transbox {
    width: 200px;
    height: 125px;
    margin-right: 15px;
    border-left: 1px solid #60B7DE;
    border-right: 1px solid #60B7DE;
    background-color: #FFFFFF;
    filter: alpha(opacity=60);
    opacity: 0.6;
    float: right;
}

#transbox p
{
  padding: 0px 3px 3px 3px;
  font-weight: bold;
  color: #000000;
}

/** MENU */

#menu {
    width: 770px;
    margin: 0px auto;
    padding: 5px 0px 6px 0px;
    background-color: #60B7DE;
}

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

#menu li {
    display: inline;
    border-right: 1px dotted #EFEFEF;
}

#menu a {
    padding: 5px 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}

#menu a:hover {
    background-color: #73C5E5;
}

/** CONTENT */

#content {
    width: 770px;
    margin: 0px auto;
    padding: 10px 0px 0px 0px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
    font-weight: normal;
}

#content p, #content ul, #content ol {
    line-height: 140%;
}

#left {
    float: left;
    width: 480px;
    padding: 0px 20px 20px 20px;
}

#right {
    float: right;
    width: 210px;
    padding: 0px 20px 20px 20px;
}

/** FOOTER */

#footer {
    clear: both;
    width: 770px;
    margin: 0px auto;
}

#footer p {
    margin: 0px;
    padding: 20px 10px 0px 125px;
    color: #4773C1;
}

#border-top {
    border-top: 2px solid #FAFAFA;
}