Web GIS - Style the navigation bar for command buttons

[Dave_J_Zhang]

Hi,

    I am trying to make a web GIS application, it contains a navigation bar with a few buttons, and one of them is edit tool, I want to make it a hoverable menu, when mouse hover over it, it dropdown a bunch of tool buttons for different editing task. I want map to be fixed in spot and any dropdown button appears on the top of map, so is the legend control, but now both of them push map all the way down to bottom.

    I am having trouble to style them as I want I attached the layout out design and source codes and hope someone can help me to style the control as I want.

    I appreciate any input for my post.

Dave 

[RobertScheitlin__GISP · Accepted solution]

Dave,

   Using dojo layout dijits is an easy way to go. I have made many changes to your code and some images. This will get you started.

[Dave_J_Zhang]

Hi, Robert

   That is really amazing result. Thank you very much.

Dave