Auswahllisten formatieren [IE|M|O|G]

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>

Und Ihre Meinung? 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:

CSS Hyperlink #10

MotionBlur-Filter

CSS Hyperlink #43

CSS Grundkurs [Lektion 3]

CSS-Sprites einfach erstellen

Element genau in der Mitte des Browserfensters zentrieren - Manchmal steht man vor der Aufgabe ein Bild genau in der Mitte zu zentrieren. Egal wie groß das Browserfenster auch ist, das Bild soll horizontal wie vertikal zentriert sein.

Mehrfarbige Linien

Vertikale Linie erstellen

CSS Hyperlink #34

CSS Hyperlink #5

Scrollbar mit Farbe

CSS Befehle: Rahmen

Textur als Hintergrundbild verwenden …mehr