Navigation is an important part of your website. People using your site navigate through your pages will be using your menu a lot. Using CSS in your navigation will bring flexibility to your design. In this tutorial i will teach you how to create a navigation menu only using CSS. Also i will show you how can you use dreamweaver to speed your design.

On code view select your “nav” div tag and select new css rule button bottom of the css panel

Dreamweaver will create your styling tag for you just click ok then you will see sections for styling. Apply these settings and click apply to let dreamweaver create css code for you.

Now choose “a” tag select new css rule but this time add “:link” after “#nav a” in the opened window click ok and apply these settings…

And its done study try to change colors , fonts and you will have a great navigation menu for your website..

discuss this topic to forum