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:

JavaScript Grundkurs - 7. Öffne das Fenster

Begrifferklärung (Tool)

Escape-Codes

Mit PHP schreiben und lesen (2) - Verzeichnis (als Dateiliste) auslesen und mit einem Link verknüpfen.

HTML-Coder - Schützen Sie Ihren Quelltext vor neugierigen Blicken. …mehr

Seitenanfang

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

Kontakt — Impressum — Banner