- Select the Layout Region tool from your tool bar. If you don't see it, it's hiding under the Table tool.
- Place a Layout Region on your page and on the Layout Region Properties box, select the 2nd tab and choose the background image for your menu box.
- Size your Layout Region to the same width as your background image. Don't worry about height at this point as this will be determined by your content.
- Place the top image slice inside your Layout Region.
- Place the bottom image slice either inside your Layout Region or directly below the region. If using layout region inside a table cell, place all images inside the layout regions.
- Add a text box to your layout region. Type your list, highlight text and hit Link on the Text Properties Box.
- Size your completed Layout Region height to match that of your content.
- Local Publish and check your page in 2 or 3 major browsers. If you have trouble with artifacts appearing in one or more browsers, place a clearpixel or transparent gif sized to fit in the space above your bottom image slice, and test the page again.
- You're not limited to using layout regions in tables or page layouts. You can also use them in your master borders for some interesting design effects. Play around with it and see what works best for you.
That's all there is to it. We hope you found this article informative and helpful.
 Print this page
|
