Linking email address to an image…

• 

  hikerguy · Member · Aug 8, 2011 at 12:45 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’m having a bit of a problem linking an email address to an image. I’ve tried various forms
  of the <a href=”mailto: command, but when I click my image, all I get is the image on a new page.

  I’m putting the href command in the Link URL field of the image, then clicking “link to image” button.
  Nada.

  Any thoughts?

  Thanks,

  Andy

  The blog I need help with is: (visible only to logged in users)

• 

  panaghiotisadam · Member · Aug 8, 2011 at 1:14 pm

  • Copy link

  Assuming the image is in the right dimensions, the code should be:
  <a href="mailto:EMAIL ADDRESS HERE"><img src="IMAGE URL HERE" /></a>
  Paste into HTML editor or text widget.

• 

  hikerguy · Member · Aug 8, 2011 at 2:53 pm

  • Copy link

  I must be doing something wrong. I have the image I want uploaded into the Media section of my website. I then go to Pages, then Edit the page I’m embedding the image in.

  Then I click Add an image, select “From URL”, enter the URL of my image (provide by a link in the Media section), then in the “Link image to”, I try your command above (replacing my info with what you have). Same problem. When I click the image, it takes me to a new page with just the image.

  Any other ideas?

• 

  panaghiotisadam · Member · Aug 8, 2011 at 3:39 pm

  • Copy link

  Yes, you’re still trying to do what you had already tried instead of what I suggested above.

  The “Link URL” field accepts URLs only (web addresses of starting with http): your mail address or “my command” isn’t a URL.

  What I suggested is:
  You go to Media > Library and copy the URL of the image you want, paste it where I’m showing in the above code, enter your email address too where I’m showing, paste the complete code in the page editor after you switch the editor to HTML. Nothing to do with the Add an Image tool.

• 

  hikerguy · Member · Aug 8, 2011 at 9:12 pm

  • Copy link

  My bad. I was making this more complicated that it needed to be. I followed your instructions and it is working now. Thanks for your patience and help!!

  Andy

• 

  panaghiotisadam · Member · Aug 9, 2011 at 12:09 am

  • Copy link

  You’re welcome.

  What you were trying do wasn’t more complicated, it was impossible!

  Is the image in the dimensions you want and positioned as you want it? If not, you need to add extra snippets to the code – but I can’t help with that if I can’t see the blog.

• 

  hikerguy · Member · Aug 9, 2011 at 1:53 pm

  • Copy link

  panaghiotisadam, thanks for offering, but I resized it using the Paint program and it
  looks good. Thanks again for your help. Guess I was trying to pound a square peg through a round hole lol

  Andy

• 

  panaghiotisadam · Member · Aug 9, 2011 at 5:01 pm

  • Copy link

  Fine then!

  Keep in mind that this is good practice for images in general: saves storage space and loading time, and gives you better quality; see here for more:

  Image quality