I ended the first part of this two part series with a working two level drop down and fly out menu using CSS and HTML. However, we did find that all was not so well when it came to, particularly, Internet Explorer 6. The aim of this part of the series then is to close the gaps and ensure that our menus will work in Firefox, Opera 9.52 and 9.6, Safari 3, Internet Explorer 6 and 7 and for good measure, we will ensure that it works with Google Chrome. So let’s get started.
Related Submissions:
- Using Ellipsis with HTML and CSS If the text is too wide to fit into a container, a nice solution can be to have ellipsis to show there’s more information available....
- Multi Line Strings with Javascript This post shows how to do multi line strings with Javascript. Please note that it is likely the method presented here is not part of...
- jQuery.html5form HTML5 validates forms without additional JavaScript. Currently only Safari & Google Chrome supports this functionality. This plugin gets the same result in Firefox & Internet...
- CSS3 Techniques You Should Know Many of you have probably heard all the buzz around CSS3, but exactly which techniques can we use today? In this article I’ll show you...
- jQuery Multi Level CSS Menu This is a multi-level horizontal CSS menu created using a regular nested HTML list only as far as markup, then transformed into a fully functional...