linking a logo to a website

[ellen_klug]

We have a customized e-mail template for our company's campaigns. I am trying to link the logo on the top of the e-mail to our homepage. I was told since we customized the code that we need to add this information into the code. I have done this, but it is not working. I am able to get the link to work, but the image won't load. I know on websites, you link to the images folder through the index location. However, since this is Hubspot, I am unsure how to link to the proper image. Can anyone help? I'd greatly appreciate it.

[EricSalvi · Accepted solution]

Hey @ellen_klug what code do you currently have for this link and logo?
Typically you would wrap the image code in a link. Example would look like this, 

<a href="path-to-homepage"><img src="path-to-logo-image.jpg"></a>

If you could share your code here so we could take a look at it that would be helpful.

[ellen_klug]

Aaah! It worked! Scratch my first response with the code added. Now I just have to tweak the size, but that will be easy.  Thank you so so much!!!

[ellen_klug]

That matches the code I have for that area. I guess my issue is that when I do this, that area becomes click-able, and it links to the right page. But my logo isn't showing up.

Here's that section of code:

<table width="552" border="0" cellpadding="0" cellspacing="0" class="force-row" style="width: 552px;">
<tr>

<td style="font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', 'Osaka', Arial, sans-serif;">

<a href="http://empirescreen.com"><img src="_images/nav_empire.png" alt="empire logo"></a>

</td>

<td valign="middle" align="right" style="font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', 'Osaka', Arial, sans-serif;">
{% social_sharing "social_sharing" no_wrapper=true %}
</td>
</tr>
</table>