Add <div id> Tags

In Design View we need to employ that newly created div id. Basically, we are going to wrap the tag around the menu items.

Highlight the entire row of links
Click Insert from the menu
Choose Layout Objects and Div Tag

The Insert Div Tag dialogue box pops up. Use the ID drop down list to select topmenu (it's probably the only div id you have) then click OK

Have a look at the Code! The top of the list starts with the <div id="topmenu"> tag and it closes at the end of the selection </div>. By the way, I usually type that code in myself rather than mess with Dreamweaver's Insert Div Tag tool.

<div id="topmenu">
<a href="index.html">Home</a> <a href="disco.html">Discogaphy</a> <a href = " audio.html"> Audio</a><a href="pics.html">Pictures</a><a href="tours.html">Tours</a> <a href = "links.html" >Links</a></p>
</div>

Once you finish, you will see the background of your menu items change color. Now attach all the other html documents in your web site to the CSS sheet and repeat the Div Tag wrap process. When you finish, you pages should function like this