navigatie cascading menu
8 augustus 2007 - 23:15   
geplaatst door: mahony
Wie kan mij helpen met 2 (voor mij ) erg moeilijke kwesties in mijn navigatie. javascript:emoticon(':wacko:')

LEVELS - MOUSEOUT
- http://www.mahony.nl/navigatie/index04.html

Bij deze versie moet eigenlijk bij het selecteren van items in level 3, de items in level 2 het zelfde blijven. (dus ook blauwe achtergrond en witte tekst). Hoe pak ik dat aan?


POSITIE- UL UL UL UL
- http://www.mahony.nl/navigatie/index03.html

bij deze versie heb ik level 3 een aantal pixels verplaatst zodat het blauwe randje rechts zichtbaar blijft - maar nu verdwijnt  level 3 als men items in level 3 wil selecteren. Hoe los ik dat op?


Mahony

navigatie cascading menu
9 augustus 2007 - 09:03    reactie #1
geplaatst door: denn88
Volgens mij verdwijnt nivo 3 omdat het aan de rechterkant buiten de html a-tag staat / wordt gepositioneerd. Dan is de browser z'n :hover kwijt van nivo 2 en kun je er niet op nivo 3 hoveren.

Zelf vind ik het een zooitje hoe het gemaakt is. Als je de Css uitzet kom je er ook niet uit wat de hierarchie nou eigenlijk is. En het is met tabellen gemaakt!!  :barf:

Ik zou het overnieuw maken maar dan met nested UL's. Als je de Css uitzet, dat betekend dus dat de onderliggende nivo's en de structuur gewoon leesbaar blijft (mensen met visuele handicap, screenreaders en mensen met een PDA die geen Css aankunnen). Een zoekmachine kan heel makkelijk de boomstructuur aflopen en vervolg pagina's indexeren.

Wij gebruiken voor dit soort uitklap menu's de Son of Suckerfish. Zie een demo met 3 nivo's. In princiepe is deze versie onbeperkt uitbereidtbaar qua nivo's. Het streepje waar je het over hebt kun je als achtergrond plaatje in de UL doen.

Windows Internet Explorer 7 fix
Voor IE7 op Windows moet je in je Conditional Comment css file 1 aanpassing maken op de Son of Suckerfish menu. Het 2de nivo (de UL) moet een position: static of position: relative hebben. Anders kom je een bug tegen:

Als je klikt ergens op de pagina (doet er niet toe, gewoon op het wit van je website ofzo) doe dan een mouse-over op het menu, naar het 2de nivo ... en dan een mouse-out. Je zien dat het uitklap menu blijft staan.  :wacko: Met bovenstaande truuk fix je dit. Het is 1 van de 2. Zit momenteel niet op me werk dus kan het niet opzoeken op het intranet / wiki.

(Bewerkt door denn88 om 9:04, 9-08-2007)

Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.