Archief - Submenu Hover Manieren

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Unrach

Legacy Member
Hey allemaal,

Ik zou graag een submenu willen laten te voorschijn komen als de muis over een hoofdmenu item gaat.

Nu is mijn vraag met wat dit het beste kan gedaan worden? CSS, Javascript, AJAX,.. ?

De bedoeling is dat het overal moet werken en daarom ben ik al bang om Javascript te gebruiken.

Alvast bedankt!

Eleven

Legacy Member
Ik heb even snel het andere toppic doorgelezen.
Let wel op als je een puur CSS menu maakt, zonder javascript.
IE6(en 7?) verstaat namelijk geen :hover op een ander element dan een a-tag en zal daardoor je menu niet laten zien. Bij IE7 (en blijkbaar ook op een oudere versie van IE8) moet je ook opletten dat je met je muis aan je menu kan (je ziet je menu wel maar het is verschoven en je kan er dus niet aan).

Naargelang je doelgroep of alternatieven(als je bv ook op het hoofdmenu kan klikken en zo op een pagina graakt waarna je naar de subpagina kan) kan dit al dan niet een probleem zijn.

Unrach

Legacy Member
Eleven zei:
Ik heb even snel het andere toppic doorgelezen.
Let wel op als je een puur CSS menu maakt, zonder javascript.
IE6(en 7?) verstaat namelijk geen :hover op een ander element dan een a-tag en zal daardoor je menu niet laten zien. Bij IE7 (en blijkbaar ook op een oudere versie van IE8) moet je ook opletten dat je met je muis aan je menu kan (je ziet je menu wel maar het is verschoven en je kan er dus niet aan).


Daar had ik nog niet aan gedacht. Ik heb al een paar elementen met een span hover gemaakt in mijn website.

Btw.. is het niet zo als de xHTML en CSS valid is dat dan de pagina overal zal werken?

Eleven

Legacy Member
Dat was dan buiten oudere browsers gerekend, voornamelijk IE6 dan. (Niet dat de huidige browsers perfect zijn, maar ik heb hier zelden nog problemen in, of de problemen zijn zo subtiel dat ik ze niet eens zie).

Unrach

Legacy Member
Eleven zei:
Dat was dan buiten oudere browsers gerekend, voornamelijk IE6 dan. (Niet dat de huidige browsers perfect zijn, maar ik heb hier zelden nog problemen in, of de problemen zijn zo subtiel dat ik ze niet eens zie).

hmja.. ge moet met den tijd meegaan. Zo gebruik ik ook overal transparante PNG images ipv GIF's. Das betere kwaliteit, maar in IE6 en lager hebben die images een grijze achtergrond ipv dat ze transparant zijn. Maar ik verkies toch image met duidelijk kleuren ipv die GIF's

Unrach

Legacy Member
Ik heb nog een klein vraagje ivm een menu. Moet dit perse opgebouwd zijn met ul en li tags? (met perse bedoel ik via de regeltjes) Ik vind da zo vervelend he.. Ik krijg da nooit goed. Ik heb alle styles in een a tag gestoken en zo mijn menutje opgebouwd..

Eleven

Legacy Member
Unrach zei:
hmja.. ge moet met den tijd meegaan. Zo gebruik ik ook overal transparante PNG images ipv GIF's. Das betere kwaliteit, maar in IE6 en lager hebben die images een grijze achtergrond ipv dat ze transparant zijn. Maar ik verkies toch image met duidelijk kleuren ipv die GIF's

Ik ben er ook geen voorstander van om IE6 nog steeds te ondersteunen, maar in sommige gevallen kan je niet anders (Als 20% van je bezoekers nog IE6 gebruiken, om wat voor reden dan ook). Als dit percentage lager ligt kan je er voor kiezen om PNG, double margin, fout boxmodel niet te fixen en de bezoeker een berichtje laten zien dat hij(of de systeembeheerder) best zijn browser update. Deze problemen zorgen er niet voor dat je content ontoegankelijk is.

Maar een ontoegankelijk menu is iets anders, als je menu de enige (voor de hand liggende) manier is om aan een pagina te graken heb je een probleem als dit niet werkt.

Maar stel dat je via de link in je hoofdmenu(waar je submenu dus 'uitvalt') op een pagina komt waar je op een voor de hand liggende manier wel op de juiste pagina kan graken, heb je dit probleem voor een groot stuk opgelost.
Bezoekers met een moderne up to date browser kunnen dan snel naar de juiste pagina gaan. En gebruikers met een wat mindere browser moeten wel een klik meer maken, maar kunnen toch ook op een logische manier aan de juiste pagina raken.

Unrach zei:
Ik heb nog een klein vraagje ivm een menu. Moet dit perse opgebouwd zijn met ul en li tags? (met perse bedoel ik via de regeltjes).

Het zal perfect werken met alleen a-tags, maar een lijst van links is momenteel(in xHTML) toch de enige manier om semantisch je navigatie op te bouwen.

Unrach

Legacy Member
Eleven zei:
Ik ben er ook geen voorstander van om IE6 nog steeds te ondersteunen, maar in sommige gevallen kan je niet anders (Als 20% van je bezoekers nog IE6 gebruiken, om wat voor reden dan ook). Als dit percentage lager ligt....

Ik heb is naar mijn AW stats gekeken. En amai wa een hoop web browsers dat daar in staan. Meer dan 70% ken ik zelfs niet.

Nuja.. ik zie dat ongeveer 6% (70k hits) van mijn bezoekers nog met IE6 of lager werkt. (van 2009)

Dus ik denk dat het nog wel belangrijk is dat om mijn menu voor hun ook werkend te maken..

Merci voor den info :-)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan