[HTML/CSS/JS] Vertikal dropdown meny

Permalänk
Medlem

[HTML/CSS/JS] Vertikal dropdown meny

Hej,
jag vill lära mig göra en Horisontal dropdown meny som kan ha obegränsat antal nivåer.
Den skall helst vara mycket simpel i designen, (ingen fade eller liknande), och inte vara något färdigt skript att ladda ner...
Typs som Suckerfish: http://be.twixt.us/jquery/suckerFish.php
fast utan effekter eller knepiga skript filer och med stöd för "obegränsade" nivåer.
Behövs JS eller räcker det med CSS?
Någon som har en bra tutorial till att skapa en "egen"?

Visa signatur

Webbutvecklare i Kalmar.

Permalänk

Jag gjorde helt nyligen Dropdown-meny till min flickväns blogg, och jag utgick ifrån den här tutorialen: http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html

Enkel och förklarar vad man ska göra. Man använder enbart CSS

Visa signatur

Supermicro X10SDV-6C-TLN4F m. Xeon-D 1528 | Crucial 64GB 2400MHz ECC | Silverstone DS380B | Corsair SF450 450W | HDD

Permalänk
Medlem

hmm, man behöver ju ha en extern fil, hover.htc ... funkar inte i mitt fall!
+ att man kan inte ha mer än 3 levels, funkar inte heller... :'(

Visa signatur

Webbutvecklare i Kalmar.

Permalänk
Medlem

hover.htc används bara av IE 6 (och ev. tidigare). Om man skiter i IE 6 behövs inget extra.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem

Hej,
Du menar prior IE 7? För jag har IE 7 och där fungerar det inte.
EDIT: Skojade bara, det fungera. dock inte mer än 3 levels. får se om jag kan göra om den, den måste vara "oändlig"

Visa signatur

Webbutvecklare i Kalmar.

Permalänk
Medlem
Skrivet av Macsi:

Hej,
Du menar prior IE 7? För jag har IE 7 och där fungerar det inte.

Underligt, hade för mig att de fixat det till 7:an.
Enligt quirksmode.org ska det fungera i IE 7 iaf..

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem

jo, det fungerade i 7an. Dock inte en oändlig meny :/

Visa signatur

Webbutvecklare i Kalmar.

Permalänk
Medlem

Testa denna: http://baramartin.se/multidrop

Testad i Chrome och FF3, bör fungera med IE 7+ (kanske inte plustecken som indikerar undermeny iofs..)

Visa signatur

Kom-pa-TI-bilitet