We Meet the third Saturday of each month at the Sydney Mechanics Institute 240 Pitt St Sydney from 2 pm

What we did

June 2014

This month we had a look at how to create a navigation menu using only HTML & CSS.

There are lots of guides on this subject but while most create a fantastic looking menu they are short on detail or complicated in dealing with how it works. How the menu is going to look is very much dependant on the style of the web page and those tutorials seem to need a great deal of work to be adapted to an individual site. So we dug into the code and saw what makes a menu, a menu and worry about making it look good latter.
Using HTML we saw how to create a basic menu structure and then moved on to see how to use CSS to make it behave the way we needed. Investigating the CSS we discovered what makes a menu vertical and how to make it horizontal if needed. What about those fancy fly out and drop down menus? Lots of menus have submenus and using both HTML and CSS we looked at the minimum CSS commands needed to hide or show these submenus. Following our look at menus, John Lucke showed us the new responsive web site he is building for the club. We had a detailed look at how it works and discuss the design. 

Steve South

Sig Leader