Dropdown-Menü Navigation

html.de-Forum HTML, XHTML & CSS
1

Hi, ich arbeite zZ an einer Homepage und habe eine waagerechte Navigation unterm Banner. Jedoch besteht hier kaum die Möglichkeit Unterpunkte für die Links zu platzieren, also möchte ich ein Dropdown-Menü machen.

Etwa so wie in dieser Forensoftware oben:
http://img444.imageshack.us/img444/2300/wef2ef23px5.jpg

Beim drüberscrollen/draufklicken soll das Menü erscheinen/ausfahrn und weitere Links offembaren.

Hat jemand einen Vorschlag wie man das am besten löst? Mein Webspace unterstützt alles was man beim Webdesign anwenden kann, also keine Grenzen.

Danke im Vorraus.

2

Bei [Suchmaschine deiner Wahl] suchen nach → Suckerfish

Es geht theoretisch auch ganz ohne JS aber damit hatte ich zumindest bisher nur Probleme.

Mein Webspace unterstützt alles was man beim Webdesign anwenden kann

Glaub ich nich :wink:
Was ist z.B. mit Perl, Python, ASP(.NET) etc.

3

Es geht ziemlich gut ohne Probleme auch ohne JS, wenn man mal wieder vom IE6 absieht. :? Daher gibt es auch Lösungen, wo Javascript nur bei IE6 und früher angewendet wird, damit bei den neueren Browsern JS nicht aktiviert sein muss. ;ugl

4

Sowie bei Suckerfish :wink:

5

Sowas hier: http://www.html.de/tutorials/12744-js-mouseovermenue.html ? :wink:

6

schau mal unter diesen link da findest du bestimmt was Dynamic Drive DHTML Scripts- Chrome CSS Drop Down Menu

7

Hi, danke für die vielen Antworten.
Ich habe etwas rumprobiert und es stellt sich mir das Problem, dass wenn ich Koordinaten für ein Dropdown-Menü angeben muss (im

tag) diese im Mozilla Firefox funktionieren, beim Internet Explorer sind diese jedoch irgendwo anderst :open_mouth:
Andere Browser hab ich nich da.

Ahm ich sehe grad, das hat offembar was mit der Dimensionierung des Fensters zu tun, wenn mans verändert verschiebt sich die seite aber die sachebn im

tag bleiben an ort und stelle aufm Monitor (Buttons+Dropdown Menü) oO

Das Script, das ich gefunden habe und benütze:

Script+Stylesheet

[code]

.menu {position: absolute;top:0;z-index: 2;} .submenu {position: absolute;top: 22;z-index: 1; visibility: hide;visibility: hidden;} [/code]

Und die Buttons+Dropdown:

[code]

[/code]Note: Das Dropdownmenü wird als table angezeigt mit paar schicken Grafiken und Textlinks :>