[TYPO3-hci] My 4.1 proposal - again

[Susanne Moog]

Kasper Skårhøj schrieb:
> Thanks Susanne.
> 
> So you basic proposal is to wrap items in <ul><li> instead of <div>.

Hm.. no. Not really. My basic proposal is using CSS for the hover and 
flyout effects instead of Javascript.

> I thought about that too. Then realized we should go for something more 
> flexible, namely the diff. Who says that dropdowns represent a list 
> anyway? Could be anything. In default examples we need space for a 
> check-icon (√), an item icon, the title and an arrow to the right. Could 
> that be made with a list? If so, how?

You could use the list-style-image for the ckeck-icon, the arrow as 
background of the a-Tag and put the item icon as image-tag into the a 
tag. Something like:

<li class="check"><a class="arrow"><img src="myicon" />My Menuitem</a></li>

I think that this is a logical approach, beause you don't need to have a 
class for "myicon", anyway that would make no sense because the icon 
changes with the different menuitems.

Regards,

Susanne