Hoi allemaal,

Ik ben op zoek naar een goed css dropdown horizontaal menu.

ik heb twee voorwaarden.
- 't menu moet clean zijn
- geen javascript

Ik ben al geruime tijd bezig met zoeken. je zou zeggen dat dit niet moeilijk is om te vinden ik heb er toch aardig wat moeite mee.

alvast bedankt, groeten,

Roland
Kalle schreef op 04.10.2006 11:33
Ie ondersteunt geen hover, nu valt dat op te lossen met JS, maar dat wil je niet. Maar daar kun je wat tegen doen. Google eens op behaviors. Als je een horizontaal menuutje vindt (klik).
En dan alle JS er uit haalt die is toch alleen voor IE. (Overigens moet je daar wel op letten). En dan gooi je er een behavior voor in de plaats.


Je kan het ook zonder behavior oplossen, IE kent wel een hover voor het <a> element, en aangezien een menu een link gebruikt, kan je het <a> element met een :hover hiervoor prima gebruiken.
Bedankt voor alle reacties!

Ik ben zeker niet tegen javascript maar ik vind het makkelijker als je menu compact houd, dus nu uit 2 delen (bron en css) bestaat. Als javascript erbij zit moet je daar ook weer bij gaan kijken als je iets wilt editen.
Misschien is het slim om in de bron van een website te kijken als je zo'n menu tegenkomt. ;)


<SCRIPT language=JavaScript src="http://www.onlinesoccermanager.nl/js/menu_array.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript>

if(navigator.appVersion.indexOf("MSIE 6.0")>0){effect = "Fade(duration=0.2);Alpha(style=0,opacity=88);Shadow(color='#777777', Direction=135, Strength=5)"; }else {effect = "Shadow(color='#777777', Direction=135, Strength=5)";}

timegap=500	
followspeed=5		
followrate=40		
suboffset_top=10;	
suboffset_left=10;	

style1=[			
"FFFFFF",			
"4C5BAF",		
"FFFFFF",		
"6D7BDF",	
"000000",	
12,		
"normal",		
"bold",		
"Arial",	
4,		
"/includes/menu/arrow.gif",	
,		
"66ffff",	
"000099",	
"",		
"",		
"/includes/menu/arrowdn.gif",
"ffffff",
"000099",	
"navy",		
]


addmenu(menu=[
"mainmenu",	
96,
220,		
,				
1,			
"",			
style1,				
1,			
"left",				
,				
,				
1, 					
,					
,					
,
,					
,					
,
,
,
,
,"Manager&nbsp;&nbsp;&nbsp;","show-menu=manager",,"",1
,"Resultaten&nbsp;&nbsp;&nbsp;","show-menu=previous",,"",1
,"Team&nbsp;&nbsp;&nbsp;","show-menu=team",,"",1
,"Spelers&nbsp;&nbsp;&nbsp;","show-menu=players",,"",1
,"Club&nbsp;&nbsp;&nbsp;","show-menu=club",,"",1
,"Overzichten&nbsp;&nbsp;&nbsp;","show-menu=stats",,"",1
,"Communicatie&nbsp;&nbsp;&nbsp;","show-menu=community",,"",1
,"Overig&nbsp;&nbsp;&nbsp;","show-menu=help",,"",1
])

addmenu(menu=["manager",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Startpunt","/main.asp",,,0
,"Profiel","/profile.asp",,,0
,"Ontslag nemen","/resign.asp",,,0
,"Seizoenskaarten","show-menu=ticketsub",,,0
,"Crews","show-menu=crewsub",,,0
,"", "",,,0
,"Uitloggen", "/logout.asp",,,0
])

addmenu(menu=["crewsub",
,,200,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Crew ranking","/crews.asp",,,0
,"Jouw crew","/crew.asp",,,0
,"Vragen & antwoorden", "/faq.asp?section=7",,,0
])

addmenu(menu=["ticketsub",
,,200,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Bestellen","javascript:popOrder()",,,0
,"Jouw seizoenskaarten","/ticketstatus.asp",,,0
,"Voordelen","/ticketbox.asp",,,0
,"Vragen & antwoorden","/faq.asp?section=2",,,0
])
		
addmenu(menu=["previous",
,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Uitslagen","/results.asp",,,0
,"Scorebord","/startmatch.asp",,,0
,"Krant","/newspaper.asp",,,0
,"Gebeurtenissen","/teamevents.asp",,,0
,"Transfers","show-menu=transfersub",,,0
])

addmenu(menu=["transfersub",
,,100,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Team","/transfersteam.asp",,,0
,"Competitie","/transfers.asp",,,0
])

addmenu(menu=["team",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Jouw team","/squad.asp",,,0
,"Formatie","/formation.asp",,,0
,"Opstelling","/lineup.asp",,,0
,"Specialisten","/specialists.asp",,,0
,"Tactiek","/tactic.asp",,,0
,"Besloten Training","/trainsecret.asp",,,0
,"Trainingskamp","/trainingcamp.asp",,,0
])

addmenu(menu=["players",
,,110,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Beoordelingen","/squadreport.asp",,,0		
,"Aanbiedingen","/offers.asp",,,0
,"Scouten","/scout.asp",,,0		
,"Training","/trainingindividual.asp",,,0
,"Transferlijst","/transfer.asp",,,0		
])

addmenu(menu=["stats",
,,150,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Competitie tussenstand","/league.asp",,,0
,"Bekertoernooi","/cup.asp",,,0
,"Wedstrijdschema","/schedule.asp",,,0
,"Volgende speeldag","/fixtures.asp",,,0
,"", "",,,0
,"Competities", "show-menu=leaguesub",,,0
,"Statistieken","show-menu=statssub",,,0
,"Ranglijsten","show-menu=ranksub",,,0
])


addmenu(menu=["leaguesub",
,,130,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Actieve competities", "/countries.asp",,,0
,"Landenlijst", "/tblcountries.asp",,,0
])

addmenu(menu=["statssub",
,,150,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Stats van jouw team","/statsteam.asp",,,0
,"Topscorers","/statscomp.asp",,,0
,"Prestaties alle teams","/statsallteams.asp",,,0
])

addmenu(menu=["ranksub",
,,150,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Manager Top-100","/ranking.asp",,,0
,"Top-100 per land","/rankcountries.asp",,,0
,"Records","/records.asp",,,0
])

addmenu(menu=["club",,,120,1,,style1,0,"left",effect,0,,,,,,,,,,,
,"Het Bestuur","/board.asp",,,0
,"Financiƫn","/finance.asp",,,0
,"Medische Staf","/medic.asp",,,0		
,"Personeel","/staff.asp",,,0
,"Sponsors","/sponsors.asp",,,0
,"Stadion","/stadium.asp",,,0
])
	
addmenu(menu=["community",
,,140,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Berichten","/pm.asp",,,0
,"Forums", "/forums/",,,0
,"Managerslijst", "/managers.asp",,,0
<!--,"Chat", "/chat.asp",,,0-->
,"Manager zoeken", "/searchman.asp",,,0
,"Nieuwsbrief", "/newsletters.asp",,,0
,"Poll resultaten", "/poll.asp",,,0
])
	

addmenu(menu=["help",
,,140,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Downloads", "/downloads.asp",,,0
,"Handleiding", "/faq.asp?section=11",,,0
,"Vragen & antwoorden", "/faq.asp",,,0
,"Regels", "/terms.asp",,,0
,"Links", "/links.asp",,,0
,"Webmasters", "/webmasters.asp",,,0
])
dumpmenus()
</SCRIPT>



<SCRIPT language=JavaScript src="http://www.onlinesoccermanager.nl/js/mmenu.js" type=text/javascript></SCRIPT>
<script src="http://www.onlinesoccermanager.nl/js/httpOBJ.js"></script>


de submenu's komen er rechts uit. ;)
ik heb twee voorwaarden.
- 't menu moet clean zijn
- geen javascript

Reageren