I am currently building a website for an entrepreneur friend of mine who is venturing out on his own. Looking at this website some of you may think I am joking. The state of this site is constantly changing based on half-baked aspirations and utter indecision around design. Henceforth, I have decided that I will focus on ease of implementation and functionality and just say to hell with design.
My friend’s website on the other hand is very well-designed and, for my sake, I hope well-implemented. In developing this site I ran into a few challenges. To help others in the battle against IE styles, horizontal navigations, and related issues I thought I would document my process.
Step 1. Research: In beginning to build the horizontal navigation I figured I would search for some examples in Google. I searched for “horizontal navigation” and one of the top five results was this:
http://phoenity.com/newtedge/horizontal_nav/
Step 2. More Research: I searched other sites and reviewed at least 10 examples. Some decent and quick implementations are seen at the following sites:
http://css.maxdesign.com.au/listamatic/
http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/
Step 3. Decision based on inuition of what would be easiest: Ultimately, I decided I didn’t want to involve much javascript and I wanted to try to get the navigation using only CSS. I have never gotten very familiar with javascript and I was more confident in my abilities to tailor code examples of purely mark-up. (more…)
