Horizontales Menü?

[Ind3X]

Guten Tag,

ich bin gerade dabei ein neues Template zu entwerfen, und habe dazu eine Frage:

Ich habe bereits auf einigen Seiten ein 2-stufiges horizontales Menü gesehen, etwa so: Beispiel, Beispiel 2. Wie realisiere ich ein solches Menü? Der Einblend/Ausblend-Effect beim ersten Beispiel ist Nebensache, mich interessiert nur das Menü, bei dem per Mouseover in der zweiten Ebene die Links angezeigt werden.

Wenn jemand ein Code-Beispiel hat oder weiß wo man sowas finden kann, wäre ich sehr dankbar.

mfg Ind3X

 

[sysop]

:hover: Mouseover-Effekt: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[daybay]

Hallo!

Mit onMouseOver funktioniert das! Ist aber sehr umständlich! Du könntest für jeden Button eine Seite machen, wo das Untermenu offen ist. Wenn man in onMouseover einen Link zu der anderen Seite (Die Seite, wo das Untermenü offen ist) macht, sieht es so aus, als ob es auf der gleichen Seite öffnet. Jedoch lädt es einfach eine neue Seite, wo das Untermenu offen dargestellt wird. Ich hoffe du hast mich verstanden.

Hier ein beispiel mit Bilder als buttons dargestellt:

<img src="button1" onMouseOver="location.href='offeneseite1.html'"> 
<img src="button2" onMouseOver="location.href='offeneseite2.html'">

Ein Beispiel, wie die erste Seite aussehen sollte:

<img src="button1"><img src="button2" onMouseOver="location.href='offeneseite2.html'"><br>
<a href="www.blablabla.de">Blablabla.de</a><a href="www.123.de">123</a>

 

[Ind3X]

Ja, habe ich, aber so wird es wohl nicht gehen. Das Template ist für ein CMS, daher per erneuten Seiteaufruf nicht realisierbar. Es müsste rein theoretisch auch per DHTML gehen, oder? Dass das onmouseover-Event genutzt wird ist mir klar, bin kein totaler Anfänger, doch wie realisiere ich es, dass die zweite Menü-Ebene horizontal ist? ich habe duzende Menü-Snippets gefunden die es als Dropdown machen, so wollte ich es aber nicht haben, sondern die Menüpunkte des zweiten Levels nebeneinander anstatt untereinander. Hat jemand ein Code dafür? Wäre echt cool, glaube nicht dass ich meine Skills dafür schon reichen so etwas selbst zu entwerfen...

mfg Ind3X

 

[_Thor_]

Javascript ist dafür nicht nötig und sogar nicht empfehlenswert, denn wenn jemand Javascript deaktiviert hat, ist dein Menü nicht mehr nutzbar. Eine Alternative zu Javascript hat dir sysop gegeben, die Listenelemente nebeneinander bekommst du mit

li {float: left;}

 

[Ind3X]

Danke, habe es nun hinbekommen!