Sunday, June 10, 2012

Pure CSS Multi-level Menu for IE7

I cannot wait until XP finally dies and everyone is using Internet Explorer 9, FireFox or Safari.
Until then ( around 2014) we have to cater for IE7 and * and sometimes 6.

Simple things like pure CSS menus can be a burden and other css 3 tricks which you jjust cannot use.
That being said, found this great little bit of code for Pure CSS menus which works for IE7 and IE8.


http://www.devinrolsen.com/pure-css-menu-with-infinite-sub-menus-tutorial/

Although, I must say having multiple levels isn't very navigation friendly and this is just a design forced on me by a client and the simpler, less click model of navigation is always better.

This menu is just so simple and easy to set up that I had to link to it as most of the multi-level menus use java-script and in this case we are trying to avoid using that.