Dynamische Navigation ohne JS
macho
- css
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
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
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)
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
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
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
Hallo MudGuard.
Ja? Wie? Ohne Javascript?
Ja, ohne Javascript. Mit JScript. (Der war schlecht, ich weiß.)
Gruß, Ashura