En weer een CSS vraagje van me:
http://portfolio.saimen.nl
Het menu heeft onder menuitem1 een submenu wat een unordered list is met de naam level1, maar hoe maak ik die zichtbaar als ik hem standaard ingesteld heb als: diplay:none; ik snap dat het moet met display:block;
maar hoe moet ik dat laten gebeuren als ik met mijn muis over menuitem1 ga?
Ja! als je met je muis er overheen gaat.
In je CSS:

li.menuitem1:hover ul {
    display: block;
}

Wat je hiermee zegt, in CSS, is: alle <ul>'s die het child-element zijn van een <li> met class 'menuitem1' waarover gehoverd wordt, moeten zichtbaar worden.
[edit]
even in de broncode van je pagina gekeken en mijn voorbeeld aangepast
[/edit]
Ok bedankt Jan, ik snap het idee nu iets meer, maar toch werkt het nog niet!
heb nu dit:

li.menu1:hover ul
{
    display: block;
}

eigenlijk gewoon letterlijk overgenomen, maar ik snap echt niet waar de fout zit. De namen kloppen in ieder geval wel.
Met welke browser test je? Want in IE werkt dit namelijk niet, daar moet je een kunstgreep toepassen.
Ik werk gewoon in FF, en in IE moet je gewoon de csshover behavior instellen zeker? met het bestandje csshover.htc?
Werkt het op http://portfolio.saimen.nl bij jou dan wel?

Reageren