Href for email shows blue with underline, does not go to email provider

Get Started
1

Coding an href for email. When I display the page, the reference shows as blue with blue underline, but clicking on it goes nowhere.

2

I am flattered by being called a “genius”, we were all where, you were several years back… It’s basically just experience/practice and time, someday you’ll find all this as simple as riding a bike, etc.

You can call me Robert, I actually prefer it but due to a typographical error; I mixed up my user-name with website name. :wink:

3

Hi xhtmlcoder,

Fantastic wiz: it works like you said, go to tools, options, apps, mailto link. Clicked on it, yahoo brought another email, from me!

Thanks many. You guys are fabulous, know-all geniuses. Glad you were there.

Take care,

stevethewiz

4

Like was mentioned in the post above the email link doesn’t usually take you to another page (as with a normal link) but may open/load an e-mail program or webmail.

Within Firefox if you go to the following: Tools > Options… select Applications and you scroll down the ‘content type’ it will have a mailto: value which you can edit. Probably a better example: http://support.mozilla.com/en-US/kb/Changing+the+e-mail+program+used+by+Firefox as you use Yahoo! you might want to look at the section on ‘Using webmail services’ on that page too.

But trust us the code works but you probably haven’t set-up your browser to open a mail client if it encounters a ‘mailto link’, which you may or may not want to do.

Another suggestion; would be to download Thunderbird and associate it with the ‘mailto’ just so you can see what should happen when your link is clicked.

5

when you click on the link, if you have a stand alone mail client setup, (Not browser based, a la yahoo, gmail, hotmail, etc.) it will generate a new email window. Do you have Outlook or Thunderbird or some other mail program?

All recent browsers handle CSS. If you have no style set up for links, it will default to the browser color associated with links.

To add link styles, add this to your css.


a, a:link {color: green}
a:hover {color: red; text-decoration: underline}
a:visited {color: brown}

Adjust accordingly.

6

What do you mean by 'handle preferred e-mail client natively?

7

Hi Jeannie,

Did you see the reply before yours? If you use Firefox, you go to tools, options, applications and scroll down to mailto; use the drop down box. I do not know about other browsers, but it seems they should have a similar tools menu or something like it. Look for it and see if that can work.

stevethewiz

8

Yes, I have yahoo, been using it for years. Using Firefox for the browser, which has the link to yahoo mail at the top of the page. The web page I wrote shows up in Firefox with that link to yahoo mail, but it will not open the yahoo mail or do anything else when I click it.

9

Steve is that your real e-mail? If so ask the moderators to remove it as you’ll get spam harvesters scrapping it - I have warned them myself. :slight_smile:

Is your issue the email link doesn’t function and open your preferred e-mail client? If so we are talking about markup not CSS or do you mean you are having issues styling the link?

The e-mail link should basically take the form of:

<a href="mailto:joe@someplace.com">Joe Cool</a>

Your computer might not be setup to handle your preferred e-mail client natively.

Update: the MODs have just edited it for me on your behalf.

10

I was trying to follow this thread because I have worked thru the How to Build Websites the Right Way book, and it evoked a memory about a problem I experienced. I have Windows Vista and before I could utilize any of the Contact Us links on web pages I was trying to use on the internet, I got pop up notices that I had to set up Windows Mail. I did that, but it goes out to my AOL mail and grabs my inbox and puts it on my computer. When it does that I can’t access my inbox from any other computer. Can this be stopped?

Thanks

Jeannie

11

HI,

Yes, code for it is below:

&lt;div id="ContactUs"&gt;
	&lt;h3&gt;Contact Us&lt;/h3&gt;
	&lt;p&gt;To find out more, contact President/CEO Steve Churchill at &lt;a  href="mailto:me@example.com"&gt;email
		[email]me@example.com[/email]&lt;/a&gt;.&lt;/p&gt;
	
&lt;/div&gt;
12

can you post a reference to your code?

Sounds like the default browser style is taking over for the link. Post your css and html and we can help from there. :slight_smile:

13

Yes, move the cursor over the email link and it says email… (the markup in the html file I created) at the bottom of the page, but clicking it does not do anything. It just sits there.

( By the way, the style issue resolved when I saved the .css file as Unicode instead of text).

14

Well I started putting CSS into the Web site and nothing works. Does Firefox not support CSS? or is it something else? Following are the css coding:

  1. style1.css in my website folder:
    /*
    CSS for TERO Solutions site
    */

p {
font-weight: bold;
color: red;
}

  1. Link to style1.css in my home page:

<head>
<title>TERO Solutions - The Automated solution for TERO offices</title>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8”/>
<link href=“style1.css” rel=“stylesheet” type=“text/css”/>
</head>
<body>
<div id=“header”>

style and span style both work fine in any given paragraph. I do not know if that is the same ‘style’ as the style1.css is, but the above markup does not do anything at all. Just like the email problem that this may or may not be a part of.

Thanks.

15

Yeah, I’ve been using yahoo mail for years. Works for you and others - that’s where you are sending the replies.

Not into CSS yet. I’m using the book: “Build your own web site the right way”, and he has the email href being used before we get into CSS.

16

Clicking the link should open your email client I believe. Do you have an email program setup on the machine you are working on?

What is your CSS for this?