[JS/CSS/IE6]Horizontaal drop-out menu

[alex3305]

Nu ben ik een site voor een klant aan het maken, echter kom ik er niet echt uit omtrent het drop-down menu wat er gewenst wordt. Zelf heb ik al heel veel op internet hierover gezocht, omdat ik het nog nooit had gemaakt, maar er zijn dan ook zoveel verschillende manieren!

Na CssPlay door te hebben gekeken en gelezen vond ik daar toch niet echt de 'eenvoudige' manier waar ik zo van hou. Deze vond ik bij Pixelspread. Dit drop-down menuutje werkte goed en ik was er opzich wel tevreden mee, ook omdat het relatief simpel is en effectief werkte. Daarnaast eist deze klant nu niet echt zo'n super layout (heeft ook zijn eigen layout aangeleverd) en daarom voldeed deze volgens mijn mening wel.

MAAR... Toen ik ging testen in Internet Explorer 6 (duh) ging het mis. Het menu wilde totaal niet droppen en dat heb ik wel proberen op te lossen met de DOM (Javascript) en de code die op A List Apart stond. Zelf kan ik geen Javascript, dus daarom schaamteloos maar even de code gekopieerd en geplakt naar mijn eigen site. Echter doet deze niets of wil deze niets doen. Waarschijnlijk door de andere structuur die die code aanhoudt.

Daarom is mijn vraag of iemand hierop toevallig een oplossing weet en mij hiermee kan helpen?

Bronnen (nogmaals):
De betreffende site
Betreffende site CSS
Betreffende site Javascript
A List Apart (Drop down menu)
Pixelspread artikel over Drop-down
Pixelspread voorbeeld code

[ Voor 9% gewijzigd door alex3305 op 19-05-2008 22:29 ]

[BtM909]

Dit is is ook een relatief simpele van onze lokale held crisp (profiel)

http://therealcrisp.xs4all.nl/upload/menu_hori.html

[ Voor 15% gewijzigd door BtM909 op 19-05-2008 22:32 ]

[alex3305]

BtM909 schreef op maandag 19 mei 2008 @ 22:32:
Dit is is ook een relatief simpele van onze lokale held crisp (profiel)

http://therealcrisp.xs4all.nl/upload/menu_hori.html

Dead atm

[alex3305]

Klein bumpje, want de URL van BtM909/Crisp werkt dus niet helaas...

[Raynman]

Ik liep ooit ook tegen IE's :hover-beperkingen aan en toen had ik ergens een behaviorscriptje (JS) gevonden om dat op te lossen. Heb het weer gevonden: http://www.xs4all.nl/~peterned/csshover.html
Misschien hetzelfde idee als dat van A List Apart, maar dat mag je verder zelf bekijken; misschien heb je er toch wat aan.

[apokalypse]

Deze vind ik goed:
http://htmldog.com/articles/suckerfish/dropdowns/

Werkt onder IE

[1st_Ro]

Op basis van de code van A List Apart is dat verder uitgewerkt tot The Son of Suckerfish:

http://htmldog.com/articles/suckerfish/dropdowns/

Als je de naamgeving van id's aanhoudt moet je er met enig geknutsel wel uit kunnen komen lijkt me.

*schudt vuist naar apokalypse

[ Voor 7% gewijzigd door 1st_Ro op 20-05-2008 12:00 ]

[alex3305]

Danku schôn, de HTMLDog is werk

Hehe, gister de hele dag mee zitten pielen, en eindelijk werkt het, bedankt allen voor wie geholpen heeft!