Mail to issues on devices/browsers,a workaround to help
Lately I discovered that the mailto html command does not always work for all machines in all browsers.
When I did some research I discovered that it is not uncommon. In a number of cases it seems that this boils down to the client machine and its settings. My research suggested that it is not a server issue, nor is it a html coding issue. If you are using WordPress, it is also not a coding issue where you enter in the instruction. In this case, look at the ‘underlying code’ in text view (not in visual view) to be sure that it technically correct.
Issue may be something to do with client machine and its settings
Now as it appears to be something to do with the client machine and its settings, no way does a html coding developer or a web coding developer or a WordPress blogger have any control over that, nor does the support team where the website is hosted.
The ‘workaround’ I use I actually used before I became aware of this issue. Chances are also pretty high you may also use this ‘workaround’ without actually realizing it. The following code will display on one line if there is enough space:/>
The mailto code
There are extra spaces in the code below to prevent your browser trying to perform the mailto command. 🙂
So when you bring across into your environment, remove these unwanted spaces. 🙂
I include an image of the exact working code so that you see exactly what I mean. Computers are fussy, they need the syntax to be 100% correct. They need the and double quotes and the mailto command (I understand) to be in lower case, and the mailto command needs to be followed by :
Line 1… e m a i l :
Line 3… x y z @ a b c . c o m
Line 1 will just display email:
Line 2 is the code to go into mailto mode. Note that in real code there is a space between the “a href”.
Immediately prior to mailto is the double quote.
The mailto should be in all lower case followed immediately by the : followed immediately by the email address.
This is followed immediately by the double quote and it in turn is immediately followed by >.
Line 3 is the email address (in the real code, there are no spaces here.
Line 4 is the full closing tag.
Sometimes in line 3 people would have a “Send us an email”. In this instance and for this workaround I suggest that the email address is actually specified instead.
Note that of course in the real world, lines 1 to 4 above, may actually on just on one line.
This html code includes a human readable tag. This is because the closing tag at the end of line 2 is not like the full closing tag in line 4. The bit between the closing tag on line 2 and the full closing tag on line 4 is the human readable bit.
This displays the email address to the viewer as well. This code will display:
If the mailto part does not work, for whatever reason, the viewer would see the above, see your email address, and if the person really wants to send you the email, they can grab your email address, open up their email program and send you this important email.
Again, this is not a server issue. It is not something that your web hosting support team can fix. It is the fact that so many computer clients and browsers don’t always follow the HTML coding mailto standards. They should. However they do not. So we have to work around this.
This coding trick will at least help you to work with this limitation if it affects your viewers and allow you to continue doing your thing.
I welcome any related comments. Please feel free to enter them below for our readership. Cheers. 🙂
Naturally, if you have a different solution, please feel free to outline your solution below. That way if more people have this problem, they have more options regarding a solution that could be used in their situation. Go for it. 🙂
However in this instance, I am not in a position to look at your code. Just make sure that your code is similar to above, as that code is working code. If you leave out a > or a /> or the double quotes, then your code is not similar to mine and may not work. 🙂