Building Web Applications with Microsoft® Office SharePoint® Designer 2007 Step by Step

Creating a CSS Layout Menu

One typical use of tables in HTML is to create a menu across the top of the page that contains links to other parts of the Web site. Using tables for this kind of menu made sense in the past because tables maintain horizontal layout and make horizontal layout very simple to create. However, using tables is also restrictive; when adding a new link to the menu, you need to edit the table, add a new table cell, add the new text, and then style the text appropriately.

With CSS layout, adding a new link is as simple as adding a new item to a list of items. For example, in the previous chapter you created an ASP.NET control that renders an unordered list of items. By default, the browser renders this unordered list with bullets, ...