[TIP] CSS Dropdown menu (zonder JavaScript)

[ElbertF]

Dropdown menu's zijn nog wel 's tricky, zeker als je geen JS wilt gebruiken. Hier een werkend voorbeeld met uitleg:

http://pixelspread.com/blog/289/css-drop-down-menu

Ik heb het niet getest maar het schijnt te werken in alle browsers, hoewel in IE6 waarschijnlijk een beetje buggy.

[julien]

Dat ziet er netjes uit!
Het staat al lang op mijn programma om het .js menu eens te vervangen, dit scriptje maakt grote kans.

[ElbertF]

Ik heb even iets beter gekeken en het werkt met . IE6 en lager pakt alleen bij -tags, niet compatibel dus. Ik heb er ooit al 's mee geklooid, maar heb het toch bij en gehouden voor de animatie..

Voor moderne browsers een perfect scriptje dus, IE6 wil ik toch graag boycotten maar helaas denken nog veel mensen daar anders over..

[frizzy]

Ik ken na de komt van IE 7 wijnig mensen met IE 6. Valt dus te verwaarlosen

[julien]

[ElbertF]

Het verschilt nogal per site, maar ik geloof dat er globaal nog steeds meer IE6 gebruikers zijn dan 7. Ik begrijp niet waarom Microsoft deze niet automatisch bijwerkt zoals Mozilla, ze hebben toch een prachtig geautomatiseerd upgrade systeem.. Windows XP wordt nog steeds geleverd met IE6.

[KillerSponge]

Voor zover ik weet heeft MS juist IE7 er keihard doorheen geduwd (als een 'kritieke update'), via automatische updates. Het probleem is dat heel veel mensen die niet aan hebben staan. Vergeet niet dat IE gebruikers over het algemeen een stuk minder 'IT-betrokken' zijn dan gebruikers van alternatieve browsers: meestal kan het ze niks schelen, zolang het maar werkt.

[ElbertF]

Ik geloof dat je gelijk hebt, destijds moest ik het zelf downloaden en IE6 staat nog wel op de huidige CD's van XP.

[ElbertF]

[julien]

[ElbertF]

Demo op http://not.bugless.net. De code zoals hierboven mogen jullie gebruiken.

[julien]

Ik ben het hier even aan het proberen, dat geeft 0,0 nikske, een wit scherm.


Is er iemand met een oude IE versie die eens wil testen of dit werkt?
http://code.gosu.pl/dl/mygosuMenu/demo/ ... mple1.html

[ElbertF]

Wat geeft een wit scherm?

En je link werkt in IE6, zelfs in IE5.5 maar daar zie je geen rand om de menu items.

[julien]

Ik heb het nog eens geprobeerd, ik ben al wat verder, maar het is nog niet helemaal in orde:
http://menu.cadsite.be/menu3/
Nog even controleren dat het doet wat ik wil, maar ik denk dat het deze keer eens gaat lukken.

[julien]

Nog ne keer ikke
Ik heb mijn menu getest in IE7 FF2 en opera 9, kan iemand het eens testen met een oude IE?
Bedankt!
http://menu.cadsite.be/menu3/

[ElbertF]

Werkt prima, alleen een rand aan de onderkant van de knoppen die ik in FF niet zie. Waarom installeer je zelf geen IE6? Ik heb wel wat standalones voor je..

[julien]

Dat zou inderdaad handiger zijn.
Ik denk dat ik eindelijk eens een netter menu zal hebben.

[ElbertF]

IE versies 3, 4, 5, 5.5 en 6 voor Windows: dump/IE.zip

Je hoeft ze niet te installeren en kan ze dus naast IE7 gebruiken.

[julien]

mooi! ik probeer het morgen even uit op mijn werk PC.
Ik denk dat het menu nu goed moet zijn:
http://menu.cadsite.be/menu3/
Bedankt voor je hulp!

[julien]

[Salomon]

Vaag... ik open hem hier gewoon.

Elbert soms op ubuntu ingepakt? Al lijkt me niet dat dat iets uit hoort te maken...

[ElbertF]

Ehm ja, maar dat is volgens mij nooit een probleem..

[Salomon]

Leek me ook niet...

[julien]

Net thuis eens proberen te openen en ook hier lukt het niet...

[ElbertF]

dump/ie.tar.gz

Even anders ingepakt dan, probeer het een met bijv. 7-Zip uit te pakken.