Help with css layout

Im attempting to re-create the following layout seen in the screenshot below.

I wanted to ask whats the best way to go about creating the menu and content section.. im not quite sure on how to join the selected menu option with the content sectio开发者_运维技巧n, any advice would be great

Also should i use ul/li for the menu?

And the top menu bar (where is says create) should i use a big div, with each item as spans inside?

thanks for any help

In order to recreate this layout, you will need to learn a variety of concepts.

First, how to style an unordered list ( <ul><li> ) to work as navigation.

Second, you will need to learn how to position elements, either through using float:left|right or position:absolute|relative.

Finally, and perhaps most importantly, you will need to learn how to use either Google Chrome's Developer Tools or Mozilla Firefox's Firebug, as these are indispensable tools for reading and writing html/css. Specifically, you will need these tools in order to inspect the code for other websites to see how they implemented their design. This is perhaps one of the best ways to learn code (at least it was for me).

Providing a detailed description of how to do all of this would take too long and really detract from the valuable learning experience you will get from googling, fiddling around in the original source code, and trying to recreate it in your own site. If at any point in that stage you have trouble implementing something, then by all means come back to stackoverflow and ask for help :)