drop down menu

Har du prøve at søge lidt på google selv?.
du kan prøve at skriv "Drop down menu html".
det skulle sikkert komme frem med nogle god

Hvad mener du med dropdown? En almindelig select-boks? Eller en undermenu, der er skjult og vises med en animation fx vha jquery?

Hvis det bare er en select-boks, kan du bruge dette:

<ul>
  <li><a href="index.html">Forside</a></li>
  <li><a href="index-1.html">om os</a>
    <ul>
      <li>
        <select name="dropdown">
          <option>Punkt 1</option>
          <option>Punkt 2</option>
        </select>
      </li>
    <ul>
  </li>
  <li><a href="index-2.html">Produkter</a></li>
  <li><a href="index-3.html">XUG</a></li>
  <li><a href="index-4.html">Artikler</a></li>
  <li class="last"><a href="index-5.html">Kontakt</a></li>
</ul>

I ovenstående får du så en undermenu (nested ul). Bemærk, at du da skal bruge javascript til at trigge events, hvis der klikkes i select-boksen.

Alternativt kan du lave det med links i stedet for selects, så du bare har en undermenu.

<ul>
  <li><a href="index.html">Forside</a></li>
  <li><a href="index-1.html">om os</a>
    <ul>
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
    <ul>
  </li>
  <li><a href="index-2.html">Produkter</a></li>
  <li><a href="index-3.html">XUG</a></li>
  <li><a href="index-4.html">Artikler</a></li>
  <li class="last"><a href="index-5.html">Kontakt</a></li>
</ul>

Husk at nested lister typisk skal styles specifikt med CSS, hvis det skal se ordentligt ud ;-)

Jamen, så er det kode nr. 2, jeg skrev :-)

Man skal kode det sammen med CSS for, som jeg også skrev. Du viste kun din HTML markup, så jeg gik ud fra, du havde styr på CSS'en.

Men tjek evt. dette link:
http://divitodesign.com/css/how-to-dropdown-css-menu/

Det er et komplet eksempel på en dropdown menu med HTML og CSS.

det er ikke en select boks men det andet

har stadi væk problemer med at få den til at vise under menuerne.

nu værende ligger det på et midlirtidigt domæne http://niggelaj.net78.net/ug.html men bliver fylttet over på at helt andet når det virker men kan ikke få det til at virke
kan man ikke code det sammen med lidt css for min nu værende kode er nemlig

 }
         
         
         .box nav {
             background:url(../images/nav-bg.gif) 0 0 repeat-x;
             overflow:hidden;
             margin-bottom:1px;
             height:48px;
         }
             .box nav ul li {
                 float:left;
                 background:url(../images/divider.gif) no-repeat 0 0;
                 padding-left:1px;
             }
             .box nav ul li.last {
                 width:145px;
             }
                 .box nav ul li a {
                     float:left;
                     font-size:13px;
                     color:#fff;
                     text-decoration:none;
                     width:148px;
                     text-align:center;
                     height:47px;
                     line-height:47px;
                 }
                 .box nav ul li a:hover, .box nav ul li a.current {
                     background:url(../images/nav-bg-act.gif) 0 0 repeat-x;
                 }