Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 04-08-2014, 06:42 PM
AdvancedSecurity's Avatar
AdvancedSecurity AdvancedSecurity is offline
Junior Member
 
Join Date: 04-08-14
Location: Upstate NY
Posts: 3
iTrader: 0 / 0%
Question Attach a hyperlink to a jpeg image file?

Hello all.

I am new to this so please forgive my naïveté. What i am trying to accomplish seems simple enough, I just dont have enough experience in this arena to know. I currently use my company logo in my signature line on all my outgoing emails. I also usually add a line of text that is my website address.

My question is can I somehow combine the two? Is there a way to hide a hyperlink to my company website within the jpeg image of my company logo? If yes, would someone please try and explain to me how to do this?

As i am typing this i am realizing how this would be of much assistance in many ways, but primarily I hope to accomplish this for my "signature line" in all my outgoing emails.

Thank you in advance!
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 04-08-2014, 07:22 PM
Katt's Avatar
Katt Katt is offline
Moderator
 
Join Date: 12-14-13
Location: Texas
Posts: 1,563
iTrader: 0 / 0%
It can be done if your email client allows html in the signature (most do). If you're using gmail or other online mail service, I'd have to check - what are you using?

If you're manually adding this to each message, it still may be possible, but I would recommend setting up an html signature if possible.
 
Reply With Quote
  #3  
Old 04-08-2014, 07:28 PM
ScriptMan's Avatar
ScriptMan ScriptMan is online now
Super Moderator
 
Join Date: 02-10-07
Location: Central Kentucky
Posts: 14,014
iTrader: 4 / 100%
The type of code you need is:

PHP Code:
<a hrefhttp://sitename.com/ ><img border="0" src= http://sitename.com/images/image.jpg ></a> 
That code presumes that the image you want to use is located in a directory named images and the filename is image.jpg.
 
Reply With Quote
  #4  
Old 04-08-2014, 08:02 PM
AdvancedSecurity's Avatar
AdvancedSecurity AdvancedSecurity is offline
Junior Member
 
Join Date: 04-08-14
Location: Upstate NY
Posts: 3
iTrader: 0 / 0%
yes it is gmail, and thank you very much!

and to "ScriptMan", that is a bit advanced for me, but I do have enough knowledge about code to "get the jist" of your reply. I am just not entirely sure how to incorporate that coding into my email signature...but in truth I have not really researched it very much. I will and look forward to utilizing your suggested code.Thank you
 
Reply With Quote
  #5  
Old 04-08-2014, 09:50 PM
Katt's Avatar
Katt Katt is offline
Moderator
 
Join Date: 12-14-13
Location: Texas
Posts: 1,563
iTrader: 0 / 0%
I think Scriptman was in a hurry and didn't read your post well - the code he posted is for a webpage, not email. But he's a super nice guy so we'll forgive him (this time LOL)

When you said Gmail I thought OH BOY this is gonna be fun - but I use Gmail too so I wanted to know if this could be done - and it was a lot easier than I thought!

The only tough part - the image must be on the internet, you cannot insert an image from your computer. If you don't have a way to host the image on the internet, let me know and I'll help you find a way to host the image free and reliably.

Here's how :

In Gmail click the gear icon then go to Settings.

On the General tab,scroll to near the bottom to the Signatures setting.

Type out whatever text you want, then position your cursor where you will want the image.

Click on the Insert Image icon then type or copy/paste the url to the image you want to use and click ok.

Now you'll have a preview of the signature - click on the image to select it then click the Link icon and type in the url of the website you're linking to.

Don't forget to save changes.

Send test emails to a few different email clients if possible, to make sure it looks the way you want. The lame thing about trying to make emails prettier by using html is that all email clients handle html differently. Simple things like this are usually ok, but it pays to test and be sure.
 
Reply With Quote
  #6  
Old 04-09-2014, 09:45 AM
AdvancedSecurity's Avatar
AdvancedSecurity AdvancedSecurity is offline
Junior Member
 
Join Date: 04-08-14
Location: Upstate NY
Posts: 3
iTrader: 0 / 0%
Kat, you are pretty amazing! I thank you very much for the well said and extremely helpful directions that you gave me.

I will give it a try...I do believe that my image is in fact on the internet, and I think (hope) I am skilled enough to follow your instruction.

Thanks again Kat
 
Reply With Quote
  #7  
Old 04-09-2014, 11:19 AM
ScriptMan's Avatar
ScriptMan ScriptMan is online now
Super Moderator
 
Join Date: 02-10-07
Location: Central Kentucky
Posts: 14,014
iTrader: 4 / 100%
Quote:
I think Scriptman was in a hurry and didn't read your post well

I'm not picking a fight but I do want to correct mistaken impressions.

1. My advice as it relates to gmail is worthless and Katt saved the day.

2. My advice was right for a standard HTML email. As proof of that, with a complicated example, I offer the following that I snipped from the message code of one I have at hand.

PHP Code:
<td width="319" rowspan="2" bgcolor="#FFFFFF">&nbsp;&nbsp;<a href="http://www.monoprice.com/index.asp"><img src="http://images2.monoprice.com/nw/nw00_monoprice.gif" alt="Monoprice.com" width="265" height="41" border="0" align="middle" /></a></td
Let's take all the table crap and formatting out of that and see what it says.

PHP Code:
<a href="http://www.monoprice.com/index.asp"><img src="http://images2.monoprice.com/nw/nw00_monoprice.gif" alt="Monoprice.com" width="265" height="41" 
The only difference is that they keep their images in a sub domain, add size tags and the alt attribute to the image file.

This is why you never display images in an email from an unknown source. When you do you just confirmed your email address as valid as it can be harvested from the server logs.
 
Reply With Quote
  #8  
Old 04-09-2014, 07:01 PM
Katt's Avatar
Katt Katt is offline
Moderator
 
Join Date: 12-14-13
Location: Texas
Posts: 1,563
iTrader: 0 / 0%
I'm putting on my sparring gloves Scriptman - bring it on!! LOL

I would never pick on you - you know your stuff!

But you're right that this is exactly what you would do in an html email. I guess my women's intuition told me this wasn't what he was doing, because re-reading the OP it wasn't really clear.
 
Reply With Quote
  #9  
Old 08-16-2014, 02:46 AM
melissawetzel melissawetzel is offline
Contributing Member
 
Join Date: 08-08-14
Posts: 51
iTrader: 0 / 0%
Use this html code
"<a href="link_adress"> <img src="image.jpg" /> </a>" to add a link to the JPEG image.
link_sddress is webpage address of your site.
image.jpg is the image you want to apply the hyperlink.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
how can i insert hyper link in jpeg file? sweetdani Graphic Design Forum 12 05-15-2011 12:24 AM
Microsoft Word 2007 file with a hyperlink archanajathan Coding Forum 6 04-06-2011 09:59 PM
hyperlink a swf file tjrocks Coding Forum 2 11-02-2009 08:34 AM
Do search engines index ALT text descriptions for JPEG and other image files? dealsforums SEO Forum 3 08-31-2009 03:31 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 05:21 PM.
Powered by vBulletin
Copyright © 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC