HTML Email jump links not working - html

I've written a HTML Email using tables (:sad face:) and it displays perfectly while using Internet Explorer's Send -> Page by Email. My issue is that my jump links
Go to the jump link
no longer work, thye just open the complete URL of the page that I was sending. I've looked through the source of emails in which the jump links do work and I saw that the jumps links looked like this
Word generated jump link
I tried adding this but I'm still getting IE opening and it's now going to http:///
Any idea if there's any extra tags I need to add or another way to get around this?

Essentially, this is something that has to do with the way Microsoft deals with Internet Security. It is best practice to avoid named (jump) anchors in HTML email, unfortunately. However, to overcome this you might want to provide a link to a webpage with the HTML email on, which can of course have named anchors.
You can read more about best practices for email design on this article at Sitepoint. There is also a great resource for HTML email design at the Email Standards Project.

You can try this!!
In outlook -> new email->attach file->insert(select the html file here)->insert as text(dropdown on the insert)
Which will make the jump links work.
but the problem is all with the active links and visited link color. Doing this leave you no control over visited and active link colors.

You could create the email template as signature.
Open the tempalte in IE and click CTRL+A to copy the page.
Create a signature and Page the content as it is.
Create a New email and insert the Signature. The template will be loaded.

I had the same problem. When trying to send a html page using Internet Explorer's Send -> Page by Email, the anchor pointed to the url of the webpage instead of to the internal link in the mail.
This can be solved by adding this in the head of the page:
<base href="" />

Related

Is there a way to make a custom about blank page?

I'm currently working on my website and I had kept some placeholder links in it without linking it to any place, once open I get to the webpage about:blank#blocked , I was wondering if I could replace the blank screen and add a custom page maybe with .htaccess
http://rhysjosmin.tk/Subpages/Ongoing%20Projects/Ongoing.html
The link
No. When clicking invalid links such as http:// the browser does not know what to do and redirects you to some browser specific error page. Your server will not get any requests relating to this action.
I would suggest you replace all placeholder links with a valid link, let's say http://rhysjosmin.tk/Subpages/Placeholder.html, and create your custom page there.

How to embed my gmail account in my webpage in HTML

I am using HTML and my task is to create a portfolio website, I need to embed my Gmail account in the webpage, I am trying it using an anchor tag
userid#gmail.com
I did
userid#gmail.com
This fails !!
I need help, in that href section, I need a supporting link that, when clicked will redirect a user directly to their compose box with my mail id in the To: section
So, apparently though some accident, I stumbled upon the answer, on google classroom, where my professor shared her mail id, which when clicked redirected me on my mail account with Compose open and her mail id entered in the To: section
alright!, I don't know the jargon for it, I think it's Google's Mail API, correct me if I'm wrong.
However, the solution for that is this link:
https://mail.google.com/mail/u/1/?view=cm&fs=1&to=userid#gmail.com&tf=1
I only had to put this link in my HTML in the href= section and boom ! it worked
<a href="https://mail.google.com/mail/u/1/?view=cm&fs=1&to=userid#gmail.com&tf=1
">userid#gmail.com</a>
the
userid#gmail.com
is deliberately put as such , you can enter yours as it is !

From Newsletter thank you form - what HTML code can I add to make sure the <a href="http://mywebsite.com"> refreshes?

I have just created a Newsletter Form on my website, via an external provider called "Benchmark" - to save time because I am not a professional programmer, so I only know HTML and CSS coding so far.
Their service generates an automatic thank you page that I am free to use, but when you click "back to the website", it automatically goes back to the cached page, which means that all the data inserted into the Newsletter form (email and name) is still there.
I think this gives the customers a lot of uncertainty about whether their data has gone through (and Benchmark replied that I had to make my own "Thank You" page if I want this function), so I would like to create my own page with a link (using HTML-code), which will automatically refresh the page that is linked back to - so that the customer comes back to the page with an empty Newsletter Form.
I have seen some similar questions with answers in the Forum, but as far as I could see, they use other programming languages that I don't know how to implement, so if anybody knows of a method of how to do this with HTML (and CSS, if needed), I would be very grateful. Thank you in advance!
If I understand correctly, you want a page that will redirect to your newsletter form (with the fields empty). You have a couple of options: use a bit of javascript, or use an HTML meta tag. For both of these you'll need a new page. Since you want a pure HTML answer, I'll show you the meta tag version first.
For the meta tag, you'll simply want to put the following code in the head section of your page:
<meta http-equiv="refresh" content="0; url=http://example.com/" />
The javascript solution would also go in the head section as a <script> tag:
<script type="text/javascript">window.location.href = "http://example.com/";</script>
In either one, just replace http://example.com/ with the address of your newsletter form and you should be good to go.
There's also this question that you can look at if you want to learn more.

Facebook, StaticHTML and form summission

This is weird!
I have set up a form using RapidMailer, and on an external site it works fine. (Just to complicate matters, the form is within a <div> as I display a background image, and then use the <div> to position the signup box halfway down the page)
But ...
Put it within an Facebook (Thunderpenny) StaticHTML page, (which I think is <iframe>?) and whilst I can enter name/email, and the submit button shows mouse up/mouse down events, it just won't submit.
I tried adding "pointer-event:auto" to the div so that it was to the fore, but no go. And no good asking the app creator as I doubt I'll get a response. Anyone any ideas? (** I could include page code, but it's 90% links to external js files Rapidmailer sets up)
Is it 'cos I got a <div> within an <iframe>? Do I need to add an <object> to the code somewhere???
It turns out that for some reason, the HTML code cannot find / use the javascripts even with direct URL's. I strongly suspect it's to do with "cross browser" limitations. In otherwords, the StaticHTML <iframe> is on one server, and the HTML code is trying to access javascript on a second server. And as the RapidMailer script is using three scripts direct from jquery.com, it's difficult to know what can be eliminated as they all contain error trapping routines.
In the end, I had to add a direct link to a status update on the Facebook page, and redirect it to the signup form on my blog. I then pinned the post the top. Alas, now for some reason it won't display a graphic with the link, and instead insists on showing the URL itself! Oh well!

Newsletter link to anchor

How to make a link to a line of the same page in a HTML e-mail?
I tried link to name and after testing it on Gmail and Outlook, the #1 is transformed to #**********_1 and nothing happens when I click the link. I'm using 1&1 Newsletter system to send the HTML email.
I think your 1&1 newsletter software is adding tracking to your link. If there is an option to turn this off, your anchor link should work correctly.
Here is a support chart for anchor links in html email
You can't.
It is the way Gmail and Outlook are setup. Their code overrides your link and since they want users to keep their mail page open, it opens all links in new tabs. Even with plain links such as http://google.com they will open in new tabs.