(s) Ausklapp-Menü mit Verzweigungen

[FUNKer]

Hallo,
ich suche sowas in der Art:

select name="Versandkosten" size="1" style="background: #000000; color: #FFFFFF;">
<option selected="selected">meine Versandkosten</option>
<option>Deutschland 7,50 Euro</option>
<option>Östereich x,xx</option>
<option>Schweiz</option>
</select>


leider gibt es (soweit ich weiß) bei select Felder keine Verzweigungen...
Was gibt es ähnliches?

Wichtig: Es darf NICHT:
JavaScript (''.cookie'', ''cookie('', ''replace('', ''('', IFRAME, META, oder includes) noch Cookies
enthalten... Sonst funktioniert es nicht bei eBAY...

Ich möchte nämlich die Porto-Preise in einer Verzeigung machen...
Wenn jemand bei Frankreich stehen bleibt das die Preise dann in der Verzweigung sind... (Habe nämlich sehr viele Preise da bei anderen Stückzahlen es überall anderst ist...)

Tabelle oder so möchte ich nicht...

Wer kann helfen?

DANKE

[sagi]

Verschachtelte Auswahllisten (Menüstruktur) definieren:
http://de.selfhtml.org/html/formular...#menuestruktur

mfg
c.

[Hans-Georg Normann]

mein Firefox zeigt aber eine Auswahlliste und keine Menüstriktur.

gibt's überhaupt Broqwser, die das schon umsetzen? Bei Selfhtml ist da nämlich keiner notiert!

Hans

[michael.sprick]

solche Dinge kannst du relativ einfach mit CSS machen:

ul {
  list-style: none;
  margin:0px;
  padding:0px;
}
ul.menu ul {
  display:none;
}
ul.menu li {
  display: block;
  position: relative;
  width: 120px;
  height: 25px;
  background: #eeeeee;
  text-align:center;
}
ul.menu li:hover {
  background: #e0e0e0;
}
ul.menu li:hover > ul {
  list-style:none;
  display: block;
  position: absolute;
  left: 120px;
  top:0px;
} 

und das HTML dazu:

<ul class="menu">
  <li>Gruppe 1
    <ul>
      <li>Gruppe 1 / Punkt 1</li>
      <li>Gruppe 1 / Punkt 2</li>
      <li>Gruppe 1 / Punkt 3</li>
      <li>Gruppe 1 / Punkt 4</li>
    </ul>
  </li>
  <li>Gruppe 2
    <ul>
      <li>Gruppe 2 / Punkt 1</li>
      <li>Gruppe 2 / Punkt 2</li>
      <li>Gruppe 2 / Punkt 3</li>
    </ul>
  </li>
</ul>