MS Publisher - Help Articles (Archived)

Helpful articles on using MS Publisher (specializing in web publications), written by former MS MVP's of MS Publisher. [this site is no longer maintained, archived referance only]

Code your own textual navigation menu in Publisher

If you opt to not use the Publisher Navigation Bar Wizard for your web publications site menu then you are most likely planning to create a text box and type the name of the page in the text box and hyperlink the text and then repeat this process as needed.

Nothing wrong with that, but, it will result in Publisher generating a lot of html code in the html file it generates. A lot more code than if you just did the code yourself. Trust me.

With an HTML code fragment and some copy/paste skill it's not at all hard to do and will even provide you some added flexibillity. By just doing a copy/paste of the code snippet below it will probably be faster as well.

Insert a code fragment on the page and place it where you want your menu and size the fragment to about the size you think the menu will take. In the fragment dialog paste the following code snippet:

<a href="http://www.barvin.com/default.aspx">Home</a> |
<a href="http://www.barvin.com/lifestyles.aspx">Lifestyles</a> |
<a href="http://www.barvin.com/everyday.aspx">Everyday Ideas</a> |
<a href="http://www.barvin.com/relationships.aspx">Relationships</a> |
<a href="http://www.barvin.com/holidays.aspx">Holidays</a> |
<a href="http://www.barvin.com/fitness.aspx">Fitness</a> |
<a href="http://www.barvin.com/508.aspx">So It Goes</a>

If you have more pages just copy/paste on another line, have less pages then delete a line. The pipe symbol is used as a visual break between menu items. It is not required but is recommended.

Obviously replace the domain name and page file name with your own after you paste this code snippet. And replace the link text, the link text is the text between the ">" and the "</a>".

This example code snippet results in a horizontal menu for use across the top of a web page or the bottom.

To modify it for a vertical menu, typically placed on the left of a page, simply replace each pipe symbol with the code for a line break - <br>

Once you have your menu code fragment completed then you copy paste the fragment on your following web pages.

If you wanted the link to open in a separate browser window you can add the target attribute to the link. It would then look as such:

<a target="_blank" href="http://www.barvin.com/default.aspx">Home</a> |