CSSplay - Droplist menu using flexbox
6th March 2014
For IE10+, Firefox, Chrome and Opera at the moment
copyright © stu nicholls - CSS play
A droplist menu using the latest 'flexbox' styling.
This is extremely simple to set up and only requires a minimum and a maximum width style for the individual sub menu lists. All the other sizing, positioning and spacing is automatically controlled by the 'flexbox' styling.
There is also only one class name in the menu code and this is in the outer list <ul class="flexMenu">.
All we need to do now is wait for IE7/8/9 to be obsolete and Safari, iOS and Android browsers to support these styles.
You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.
Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.
If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.