Replace underlined hyperlinks in your Publisher web with non underlined hyperlinks

Publisher does not support setting a hyperlink with out the standard hyperlink underlining.

However it only takes a small snippet of CSS code to accomplish this on a web page.

You can drop an HTML code fragment (Insert menu) anywhere on the page and in the code fragment dialog just paste the following code:

<style>
a{text-decoration:none;}
</style>

That's it. I recommend sticking the code fragment up in the top right corner of the page and size it really small so it's unobtrusive. It's placement and size is not relevant to the layout of the web page.

In the publisher web publication the hyperlinked text will still display the underlining. The html file you get once you save as a web site will not display the underlining (assuming you copied the code correctly).

Oh but what if you want the underlining to return when the mouse cursor hovers over the link (known as mouse over).

That's easy, simply add this line into the CSS style...

a:hover {text-decoration: underline;}

You can also use this if you want the link to change colors on the mouse over:

a:hover {color: #ffffff;}

This example sets it to white. Use a color picker utility to locate the code for your desired color.

This CSS code is specific to the page it is on so it effects all links on the page, and it must be inserted on each individual page where you desire this over-ride of the hyperlink appearance.