Solved

HTML Email - How to link to anchors within document

Posted on 2003-11-18
8
2,410 Views
Last Modified: 2010-07-27
Hi,
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
mhtml:mid://00000000/#anchorName

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?

thanks

Das246
0
Comment
Question by:Das246
  • 4
  • 4
8 Comments
 
LVL 3

Expert Comment

by:monvelasquez
Comment Utility
give the links a relative reference...

ex..

<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...
    ...
0
 

Author Comment

by:Das246
Comment Utility
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="http://www.site.com">

then the status bar says that the anchor link is "http://www.site.com/#topic1"

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.
0
 
LVL 3

Expert Comment

by:monvelasquez
Comment Utility
what's your email client? are you using outlook express?
0
 

Author Comment

by:Das246
Comment Utility
Yes. Outlook express.
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 3

Expert Comment

by:monvelasquez
Comment Utility
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..

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

remove everything except for #topic1
0
 

Author Comment

by:Das246
Comment Utility
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.
0
 
LVL 3

Accepted Solution

by:
monvelasquez earned 30 total points
Comment Utility
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
0
 

Author Comment

by:Das246
Comment Utility
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.

cheers

Das246
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Suggested Solutions

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now