Hallo,
Voor een schoolopdracht moet ik een website in html zetten, helaas loop ik al vast bij het menu.

Ik wil dat het menu er zo uit komt te zien:


Mijn code is

<div id="content"><br />
<div id="overlay">
<div id="zoekbox">
<input name="" type="text" />
</div>
<div id="zoekknop">
<input type="submit" class="button" value="Zoeken" tabindex="104" accesskey="s" />
</div>
<div class="clear"></div>
</div>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="/">Campagnes</a></li>
<li><a href="/">Storend gedrag</a></li>
<li><a href="/">Tips</a></li>
<li><a href="/">Contact</a></li>
</ul>
</div>

En de css is

#menu-container {width:902px; height:40px; margin:14px 0 0 0}
#menu {background:url(images/menu.png) no-repeat; width:892px; height:30px; padding:5px;}
#menu ul {list-style:url(images/menu_streepje.png); margin:0; padding:0}
#menu li {display:inline; font-weight:bold; height:30px; padding:10px}
#menu li a {width:15px; height:30px; padding: 25px 0 0 15px}
#menu li a:hover {background:url(images/menu_hover_02.png) repeat-x}

#zoekbox {float:left; width:150px; height:25px; margin:0 0 0 0}
#zoekbox input {background:url(images/zoekbalk.png) no-repeat; width:168px; height:19px; border-width:0}
#zoekknop {background:url(images/zoekknop.jpg) no-repeat; width:57px; height:19px; float:left; margin:-24px 0 0 164px; color:#ffffff}
#zoeken {background:url(images/zoekbalk.png) no-repeat; width:168px; height:19px}
#zoeken input {width: 160px;padding:2px 4px 2px 4px; font-size:11px}

De website is te zien op: http://ronniekoestering.nl/schoolopdracht/postbus/

Alvast bedankt,
Ronnie Koestering

Postbus 51?

Klinkt als het lokaal dat achter mij zit.
haha