[CSS] Stylesheets auch bei option boxen?

[Stuhl]

CSS auch bei option boxen?

hi,

also ich möchte gerne gern als navigationsmenü eine tabellenschaltfläche erstellen, wo sich beim hovern (wie bei nem Windows Prog) die options nach unten auffächern, auchmit unterpunkten etc.. Geht das auch mit den normalen option boxes, die ich dann einfach als Link konfe, nur dass ich diese dann mit css style schön anpassen kann (wie die scrollbars???)

THX

Stuhl

Edit:
Hier eine Seite mit einem Navigationsmenü, so wie ich es mir vorstelle. Ich habe mich auch schon erkundigt, und versucht, das menü auf meinem Rechner zu rekonstruieren, ist aber viel zu komplex. Außerdem ist es kostenpflichtig!
http://www.thinkphp.de/

 

[Steffen]

Den Pfeil bzw. Scrollbalken kannst du nicht austauschen. Mit dem Meta-Tag MSThemeCompatible kannst du allenfalls unter Windows XP für alle Buttons etc. den gewohnten Windows-XP-Style abschalten.

Was du per CSS beeinflussen kannst ist z.B. die Hintergrundfarbe der Menüpunkte.

Der IE6 sowie Mozilla unterstützen auch das neue <optgroup>-Tag, mit welchem man die Dropdown-Liste unterteilen kann.

<select name="auto">
  <optgroup label="Nobelkarosserien">
    <option value="bmw">BMW
    <option value="porsche">Porsche
  </optgroup>
  <optgroup label="Familienkutschen">
    <option value="ford">Ford
    <option value="fiat">Fiat
  </optgroup>
</select>

Aber das ist wie gesgat nur eine Unterteilung. Wenn du willst, dass sich weitere Unterpunkte (zur Seite) aufklappen musst du schon zu Javascript greifen. Mit HTML / CSS ist da nichts mehr drin!

 

[Stuhl]

Danke

für den Tipp, kann ich auch noch gut gebrauchen, nur hatte ich bei meiner Nav - Leiste eher an sowas von: http://www.thinkphp.de/
gedacht , dort das rechte obere Menü!
Leider ist das kostenpflichtig und es ist mir nicht gelungen, es mit java zu rekonstruieren, da es laut Herstelleranleitung mehere Wege der Konfiguration mit externen Array Dateien etc... gibt, die dann thinkphp auch noch umgeschrieben hat etc.. Da es aber viel zu viele Einstellmöglichkeiten besitzt und ich bei meinem ja nur meine festgelegten Farbwerte brauche, sollte der Quellcode, wenn ich dies versuche selber zu schreiben (was ich gar nicht kann) eigentlich wesentlich geringer ausfallen. Weisst du vielleicht ein ähnliches Menü, was leicht zu handhaben und einzustellen ist? (und natürlich kostenlos!!!)

THX

Stuhl

 

[Subvisual]

Das lässt sich sehr leicht mit javascript lösen, schau mal hier nach:
http://www.sitenavigation.net/
Da solltest du tausende beispielscripte finden. Ansonsten mal nach "fly-out menu javascript" oder "pop-up menu javascript" in google suchen, da wirst du schon was finden Natürlich kostenlos.

 

[Steffen]

Meinem vorherigen Beitrag möchte ich noch hinzufügen, dass es doch mit CSS in modernen Browsern eine Möglichkeit gibt, das zu realisieren. Ich weiß jetzt nicht genau, ab welchen Browser-Versionen das funktioniert, aber ich habe es auch schonmal gebastelt und es hat zumindest im IE6, Mozilla 0.9x und ich glaube auch Opera 6 funktioniert.

Der Quellcode wird dabei jedoch ziemlich unübersichtlich, weil der Inhalt eines kompletten Menüpunktes in einem Link-Tag stehen muss und man von dort ausgehend Unterpunkte weiter verschachteln müsste (Ich habe das nur mit einer Ebene probiert).

Und ob man ganz ohne Javascript auskommt wage ich auch zu bezweifeln, da man bei einem Link per CSS ja nur auf MouseHover reagieren kann. Je nachdem wie weit das Aufklappmenü dann von dem Link entfernt ist, ist es wieder zu bevor man es erreicht hat.

Die Variante mit Javascript sollte also wesentlich einfacher zu realisieren sein!

 

[weird]

      /*===============================================
      * HierMenus::
      * by Peter Belesis. v4.0.3 010123
      * Copyright (c) 2001 Peter Belesis. All Rights Reserved.
      * Originally published and documented at [url]http://www.dhtmlab.com/[/url]
      * You may use this code on a public Web site only if this entire
      * copyright notice appears unchanged and you publicly display
      * a link to [url]http://www.dhtmlab.com/.[/url]
      *
      * Contact [email]pbel@meteor.com[/email] for all other uses.
      */

das is aus dem quelltext der seite kopiert, sollte eigentlich einige fragen beantworten...
ansonsten rate ich wie steffen zu javascript

greets, weird