mouseover menu

[gast0515]

Besten,

hoe kan ik een mouseover menu maken in dreamweaver CS5.5?

Voorbeeld....
Mijn hoofdmenu staat links.
- home
- portfolio
- contact

Als ik met mouse over de 'portfolio' ga, verschijnt er een submenu - rechts.
Pas als ik geklikt heb op de 'portfolio' blijft de submenu staan (rechts).

Daarbij - de menu is opgebouwd van de plaatjes.
Basis is kleur1. Mouseover moet kleur2 wezen....
Hier gebruikte ik eerder behaviour (swap image).

Hoe kan ik het beste oplossen?

Alvast dank voor jullie hulp

gast0515

 

[csshunter]

Hoi gast0515,
Het mooist vind ik altijd een pure css-rollover. Die heeft geen swap-enz. functies in javascript nodig.

• Voor het principe, de theorie en de praktijk: zie deze post op het forum.

Met vriendelijke groet,
CSShunter

 

[gast0515]

dank je wel Csshunter,

wat ik niet vermeld heb - de submenu komt niet 'vast te zitten' aan de menu.
Menu staat dus zegmaar links midden op de pagina en de submenu hoort rechts boven te verschijnen. Beide menus hebben dus totaal andere plaatsting met vele pixels afstand tussen elkaar.

gast0515

 

[csshunter]

Ah, maar dat hoeft geen probleem te zijn: een kwestie van positioneren van de submenus (dat had je met een javascript-rollover ook).

 

[gast0515]

Beste CSS Hunter,

ik heb de post bekeken.
Het is echter een puzzel voor me.
Mocht je daar tijd voor hebben, zou je het ietsje overzichtelijker op rijtje zetten?
Wat voor codes moet ik gebruiken als ik wil bereiken wat ik al beschreven heb?

Ik stuur bijgaand simpel plaatje met het voorbeeld.
Menu is altijd zichtbaar.
Als je op een onderdeel van de menu met mouse over gaat, verschijnt er een submenu voor deze onderdeel.
Dan pas moet je klikken en de submenu blijft staan.
Elke menu onderdeel heeft een eigen submenu (in dit geval zijn er 4 verschillende submenus).

Mijn dank is hoe dan ook groot voor al je inzet

gast0515

 

[csshunter]

Aha, I see de bedoeling.
Daarvoor zou een partijtje javascript uitgenodigd moeten worden.
Bv. een variant op deze.

Maar is het wel zo handig om pas bij een klik naar de submenu's te kunnen gaan?
Als ik dit zie...:

... is mijn muis voor ik het weet al op weg naar het submenu om daar iets aan te klikken.
Maar zodra ik uit het hoofdmenu weg ben, verdwijnt het submenu: IK KAN ER NIET BIJ!

Dus ik denk: "Jammer, daar heeft iemand een niet werkend menu gemaakt".
Om pas 5 tellen later misschien te denken: "Zou het helpen als ik op een hoofdmenu-item klik?"

En ik ben bang, dat een aantal bezoekers daar helemaal niet aan denken...
Dus ik zou voor een andere constructie kiezen. Bijvoorbeeld:

• Hoveren over het hoofdmenu laat wel de onderwerpen van het submenu zien, maar niet in een submenu-klikvorm. Een tekstkadertje dus met erin: "In dit item staan de onderwerpen ..."
• Zo'n pop-up'je kan als css pop-up gemaakt worden - en daar hoef je verder niet bij te kunnen. Voorbeelden: deze en deze en deze.
• Bij een klik op het hoofdmenu komt dan een tussenpagina waarop het betreffende submenu wel staat, met korte toelichting. De tussenpagina kan ook vervallen, als je daarvan de pagina maakt met het eerste item uit het submenu.
• En het submenu kan blijven staan op alle pagina's uit dat submenu.

Zo zijn er van allerlei mogelijkheden voor een gebruikersvriendelijk alternatief!

Met vriendelijke groet,
CSShunter

 

[gast0515]

Hallo Css Hunter,

Je hebt helemaal gelijk.
Echter degene voor wi ik het bouw wou het per se.
Maar ik denk inderdaad dat ik hem probeer te overtuigen om het makkelijker te maken ;-)

Dank voor de links en feedback.

gast0515

 

[csshunter]

Hoi gast0515,
Succes bij het overtuigingswerk: dat gaat de opdrachtgever klanten schelen (+ of -). :d