HTML Email - How to link to anchors within document

I need to set up an html newsletter sent out by email. Within the newsletter I need to have a Contents section at the top that links to anchors within the body of the newsletter. As an HTML web page this isn't a problem and tests through a browser are fine. When I set the document up as stationery and email it, the anchor links simply open a blank page.

The examples I have seen that work have an absolute reference for the link to the anchor that usually takes the form

I believe that this reference is established when the email is opened at the browser rather than coded in the html page.

My question is how can I have my internal links to anchors work the same way for email stationery/newsletters?


Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

give the links a relative reference...


<a href="#topic1">Topic 1</a><br>
<a href="#topic2">Topic 2</a><br>
<a href="#topic3">Topic 3</a><br>
<a name="topic1">Topic 1<a>
    The quick brown fox jumps over the lazy dog....
<a name="topic2">Topic 2<a>
    The lazy dog bit the jumping fox.
<a name="topic3">Topic 3<a>
    The fox and the dog had a fight...
Das246Author Commented:
The links already had a relative reference. When they are part of an email the email client can't work out what to do with the relative links so they are made into absolute links. If the page has a

<base href="">

then the status bar says that the anchor link is ""

If I take the <base> command out, then the link looks for:

"file:///C:/Program Files/Common Files/Microsoft Shared/Stationery/#topic1"

So I either have to manufacture an absolute link for the anchor that the email clients will understand, or I have to find the command that activates the mhtml absolute reference.
what's your email client? are you using outlook express?
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

Das246Author Commented:
Yes. Outlook express.
what you do is you highlight the hyperlink then
go to Insert > Hyperlink, then just remove the extra stuff
leaving just the name of the anchor..

file:///C:/Program Files/Common Files/Microsoft Shared/Stationery/#topic1

remove everything except for #topic1
Das246Author Commented:
Sorry, must have crossed wires. I'm proofing the end result in Outlook Express but I'm building the page in Dreamweaver MX.

The anchor link is <a name="#topic1">. The absolute link detail is added by Outlook Express after I send the email.
here's what i did.

Open Outlook Express
Create a new message
Click on View then check Source Edit
Select the Source TAB at the bottom of the window.
Paste all your code there

To check if it's working
Click on the Preview TAB

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Das246Author Commented:
Thanks monvelasquez,

I can see what's happening now. Outlook Express places a <BASE href=...> line that needs to be deleted. Once this line is gone it works perfectly.


It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.