There are a couple of ways to approach this.
If you wanted to use the entire image as-is, and it is exactly the size you want, you could create a 1x1 table and use this as a background image. Then have simple text links for your navigation within the table cell.
What I tend to do (admittedly, I don't always do the
smart thing
) is the following:
- Create a slice, or slices, of your image. Say a 2 px wide slice from the middle, and if you want the curved ends, one for each end just wide enough to create the effect
- Take another chunk the size of your navigation buttons, and use this to define the nav buttons in your SiteStyle.
- Create a 1 row x 3 column table and use the 2 px wide slice as the background in the middle cell, and place the end pieces in the left and right cell. (Shrink the column width in the left and right cells to something smaller than the width of the graphic so it forces the column wider when you insert the end pieces.)
- Place your Nav Bar in the middle cell, and the buttons should blend with the background.
- Alternatively, you could skip the table, and define end caps in your SiteStyle for your nav bar using your two end pieces. Your Navigation Bar will then be only as long as the number of buttons you define.
HTH