Auswahllisten formatieren

von: Werner Zenk

Mit Hilfe von HTML und CSS sind die sonst nicht zu format-
ierenden Auswahllisten an das Design der Webseite anpassbar.

Mit Menüstruktur

Mit CSS und Menüstruktur

Quelltext:

<select name="Namen" size="12">
 <optgroup label="Deutschland">
  <option>Berlin</option>
  <option>Köln</option>
  <option>München</option>
 </optgroup>
 <optgroup label="Österreich">
  <option>Wien</option>
  <option>Salzburg</option>
  <option>Fürstenfeld</option>
 </optgroup>
 <optgroup label="Schweiz">
  <option>Zürich</option>
  <option>Bern</option>
  <option>Genf</option>
 </optgroup>
</select>

Quelltext:

<select name="Namen" size="12">
 <optgroup label="Deutschland">
  <option>Berlin</option>
  <option>Köln</option>
  <option>München</option>
 </optgroup>
 <optgroup label="Österreich">
  <option>Wien</option>
  <option>Salzburg</option>
  <option>Fürstenfeld</option>
 </optgroup>
 <optgroup label="Schweiz">
  <option>Zürich</option>
  <option>Bern</option>
  <option>Genf</option>
 </optgroup>
</select>

<style type="text/css">
 optgroup {background-color: #FFFF95}
 option {background-color: #F3F3F3}
</style>


Ihr Kommentar Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Font Viewer - Der Font-Viewer zeigt eine ausgewählte oder eingegebene Schriftart (Font) an.

Farbfamilie

Server Fehlermeldungen - Hier eine Auflistung der üblichen "Fehlermeldungen", die der Server an den Browser Ihres Besuchers senden kann.

Horizontales Dhtml-Menü

Eigene Suchmaschine …mehr

Seitenanfang

Lesezeichen setzen
Letzte Änderung am Dienstag, den 16 Februar 2010

Kontakt — Impressum — Banner