CSS Menu Things You Must Remember

Before this I went on about how making a CSS menu can be very tricky if we didn’t pay enough attention to the arrangement of the ULs and LIs. I also provided some pointers and a kind of guide for those who’re planning to use the dropdown menu tutorials I provided.

My client of the dropdown menu inspired me to write about some of things you must remember when you’re preparing a CSS menu.

The client brought to my attention some of the things I might have overlooked. One of them was the CSS menu flicker problem. I totally forgot about this until he said that there was a delay in the rollover menu when viewing in Internet Explorer. *cough* stupid browser *cough*

So what are the things you must remember when developing a CSS menu?

  • Look out for wrongly placed closing UL or LI tags.
  • Understand the UL and LI levels before taking on the menu.
  • Create a mock menu with easy properties like background-color and border properties.
  • And lastly..don’t forget about the image replacement via background positioning to eliminate the flicker bug

That’s a short list of stuff that I’ve discovered so far. However, I’ll try to update this as soon as I find more during my explorations of implementing more CSS menus. ;)

Other articles you should have read:

  • Website Strategy: Best Navigation Menu Positions
  • HTML and CSS List Levels
  • WebSighting #4
  • P1 Website Upgrade Due to Customer Feedback
  • HITZ FM Website Exclusive Review
  • Comments


    Leave a Reply