[html/css] semantisch dropdown menuutje?

[kaesve]

Ik heb een website gebouwt met daarin bovenaan een table of contents in een dropdown menuutje. Nu vroeg ik mij af of mijn menu semantisch correct is en of ik niet net zo goed bijv. een suckerfish menu heb kunnen gebruiken. Het grootste verschil met mijn menu en met een simpel suckerfish menu is dat mijn menu bestaat uit een header en een ordered list, ipv nested ordered/unordered lists.

In html ziet dat er dus ong. zo uit:

code:

<div id='menu-header'>titel</div>
<ol>
  <li> punt een </li>
  <li> punt twee </li>
</ol>

en dan in de css:

code:

ol {
  display: none;
}

div#menu-header:hover + ol, ol:hover {
  display: inline;
}

Ik vind het zelf netter staan dan nested lists, maar wil graag jullie mening hierover horen.

[BasieP]

ik snap je keuze voor een ol tov een ul niet zo. Verder vraag ik me af of IE (6) de + selector snapt..
heb je dat getest?

[kaesve]

een ordered list omdat het de sub-onderwerpen/kopjes van een pagina weergeeft, die altijd in de zelfde volgorde staan..
En helaas heb ik niet echt gekeken naar IE6 vanwege tijdsgebrek. Ik weet wel dat de website er redelijk brak uit ziet, maar nog wel werkt/toegankelijk is in IE6 en lager. Bovendien gebruikt de doelgroep (een vrij gesloten groepje mensen) hoofdzakelijk IE7 met als uitzondering FFportable en Iron portable.

[dominic]

BasieP schreef op woensdag 25 maart 2009 @ 16:57:
ik snap je keuze voor een ol tov een ul niet zo. Verder vraag ik me af of IE (6) de + selector snapt..
heb je dat getest?

IE6 gaat volgens mij sowieso die :hover niet slikken, ondersteunt ie alleen op A's.

[ Voor 4% gewijzigd door dominic op 25-03-2009 17:09 ]

[imp4ct]

'k Gebruik al een tijdje jQuery - Droppy script.
't Is in de CSS soms wel wat "klooien" om het in IE 6 juist uit te lijnen, maar als je wat CSS kent is't snel in orde.

URL : http://onehackoranother.com/projects/jquery/droppy/
'k Maak er gebruik van op deze site --> http://www.gamevibes.be

Have fun!