Dynamische Navigation ohne JS

[macho]

Hallo.

Ich habe in letzter Zeit öfters eine vertikal aufklappbare Navigation gesehen, obwohl ich JS deaktiviert habe. Gibts sowas wirklich oder hatte ich JS zufällig doch an?
Wenn es das geben sollte, kann mir jemand beschreiben wie das gemacht wird? Muss ja irgendwie mittels der CSS-Pseudoklasse :hover gehen. Aber wie?

Danke, ein macho

[Maxx]

Hallo macho,

Ich habe in letzter Zeit öfters eine vertikal aufklappbare Navigation gesehen, obwohl ich JS deaktiviert habe. Gibts sowas wirklich oder hatte ich JS zufällig doch an?

Du hattest entweder javascript doch an (IE) oder warst mit einem richtigen Browser unterwegs.
Näheres unter http://www.howtocreate.co.uk/tutorials/testMenu.html

Grüße,

Jochen

[Jörg Peschke]

Moin,

Wenn es das geben sollte, kann mir jemand beschreiben wie das gemacht wird? Muss ja irgendwie mittels der CSS-Pseudoklasse :hover gehen.

Korrekt.

z.b. so (denk ich):

a .menuDiv {display: none;
           ... (weitere Styles zum Positionieren des Menus z.b.)

}

a:hover .menuDiv {display: block;}

HTML-code dann:

<a href="#">
   Open Menu...
   <div class="menuDiv">...</div>
</a>

(oder so ähnlich, habs aber nicht ptobiert)

[MudGuard]

Hi,

<a href="#">
   Open Menu...
   <div class="menuDiv">...</div>
</a>

a darf kein div enthalten. Und vor allem (was ja der Sinn des menuDiv ist) keine weiteren a-Elemente.

Wenn schon, dann

<ul>
<li>Überschrift
   <ul>
       <li><a href="bla">Punkt1</a></li>
       <li><a href="ble">Punkt2</a></li>
   </ul>
</li>
<li>Überschrift für Block 2
   <ul>
       <li><a href="bla">Punkt1</a></li>
       <li><a href="ble">Punkt2</a></li>
   </ul>
</li>
</ul>

mit
ul ul { display:none; }
ul:hover ul { display:block; }

was aber im IE nicht funktioniert, da dieser :hover nur für a mit href kennt.

cu,
Andreas

[Ashura]

Hallo MudGuard.

was aber im IE nicht funktioniert, da dieser :hover nur für a mit href kennt.

Was sich aber ausbessern lässt (bis zu welcher Version abwärts weiß ich nicht.)

Gruß, Ashura

[MudGuard]

Hi,

was aber im IE nicht funktioniert, da dieser :hover nur für a mit href kennt.
Was sich aber ausbessern lässt (bis zu welcher Version abwärts weiß ich nicht.)

Ja? Wie? Ohne Javascript?

cu,
Andreas

[Ashura]

Hallo MudGuard.

Ja? Wie? Ohne Javascript?

Ja, ohne Javascript. Mit JScript. (Der war schlecht, ich weiß.)

Gruß, Ashura