Trennstriche

[Karin]

Hallo

Ich habe eine Auswahlliste mit verschiedenen Themenbereiche. Damit das etwas uebersichtlicher wird, wuerde ich gerne ein paar Trennstriche einfuegen.
Das Ganze sollte ungefaehr so aussehen:
<option value="1">Nummer1</option>
<option value="2">Nummer2</option>
<option value="3">Nummer3</option>
<hr>
<option value="4">Nummer4</option>
<option value="5">Nummer5</option>

wie mache ich das am besten?

Dank&Gruss
Karin

[lachesis]

wie mache ich das am besten?

wie wärs mit:

<option value="1">Nummer1</option>
<option value="">-------</option>
<option value="2">Nummer2</option>

[Stefan Einspender]

Hallo Karin,

Ich habe eine Auswahlliste mit verschiedenen Themenbereiche. Damit das etwas uebersichtlicher wird, wuerde ich gerne ein paar Trennstriche einfuegen.
wie mache ich das am besten?

da kannst Du mal versuchen, einem option-Element per CSS eine Rahmen-
linie zu geben (funktioniert vermutlich nicht), ansonsten bleibt Dir
nur die Variante, wie es in der Quickbar von SELFHTML realisiert ist.

Viele Grüße,
Stefan

[Wilhelm Turtschan]

habe d'ehre

Ich habe eine Auswahlliste mit verschiedenen Themenbereiche. Damit das etwas uebersichtlicher wird, wuerde ich gerne ein paar Trennstriche einfuegen.
Das Ganze sollte ungefaehr so aussehen:
<option value="1">Nummer1</option>
<option value="2">Nummer2</option>
<option value="3">Nummer3</option>
<option value="4">Nummer4</option>
<option value="5">Nummer5</option>
wie mache ich das am besten?

Was hast Du gegen <option value="none">---------</option>?

[Lu]

Hallo Karin,

eine weit verbreitete Möglichkeit ist es einfach eine Auswahl mit Strichen (Minus Zeichen) zu machen:

<option value="3">Nummer3</option>
  <option value="nix">-------------</option>
  <option value="4">Nummer4</option>

Außerdem kannst Du mit css ganz gut in das Aussehen eingreifen:
  http://selfhtml.teamone.de/html/formulare/formatieren.htm

Zwei Ideen mit CSS:
1. Entweder Du baust auch hier ein funktionsloses Feld ein (mit einer Hintergrundgrafik in einem leeren Feld könntest Du z.B. eine Trennlinie einfügen) oder
2. Dir gelingt es mit unterschiedlichen Farben, Abständen etc die Auswahlen übersichtlich zu gestalten. Damit wäre das Problem ja auch gelöst?!

Liebe Grüße : Lu

[MudGuard]

Hi,

<option value="3">Nummer3</option>
<hr>
<option value="4">Nummer4</option>
wie mache ich das am besten?

Für gute Browser (Mozilla, ...) entweder:

<option value="3">Nummer3</option>
<option style="text-decoration:line-through;">     </option>
<option value="4">Nummer4</option>

oder

<option style="border-bottom:1px solid black;">Nummer 3</option>
<option value="4">Nummer4</option>

(oder evtl. noch ein kurzer waagrechter Strich als Hintergrundbild, daß nur in x-Richtung wiederholt wird)

Für andere Browswer (IE, Opera, Netscape Uralt, ...) bleibt wohl nur die Variante mit --- als Anzeigestring...

Dank&Gruss
Karin

cu,
Andreas