Skip to main content
H
hollyeperret
Known Participant
August 23, 2017
Question

Can't get image link to appear

  • August 23, 2017
  • 2 replies
  • 1100 views

Hello,

I am using Dreamweaver to create a basic HTML email for my organization. Unfortunately, I must use Outlook to send my emails, so I have been using the developer tab and macros to insert an html file into the outlook email.

I tested the functionality with an html template that I downloaded from the web. I loaded it into Dreamweaver, it all displayed properly, and saved it. Then loaded it into Outlook. All pictures work and display correctly.

However, when I replace one of the images with an image of my own on the web, it does not display the image in the email. I have linked to this image on other webpages and it displays just fine.

Here is the code from the original email, with the image that is working:

<td valign="top" style="padding:0" bgcolor="#ffffff">

  <a href="#"><img  class="deviceWidth" src="https://www.emailonacid.com/images/blog_images/Emailology/2013/free_template_1/headliner.jpg" alt="" border="0" style="display: block; border-radius: 4px;" /></a>

  </td>

Here is the code from the new email, with the image replaced but not working:

<td valign="top" style="padding:0" bgcolor="#ffffff">

  <a href="#"><img src="http://i.imgur.com/mqMiCyL.png" alt="" width="580"  class="deviceWidth" style="display: block; border-radius: 4px;" border="0" /></a>

  </td>

When I load the first one, it appears correctly. When I load the second one, the image does not show. I cannot for the life of me figure out what I am doing incorrectly.

I have the same problem if I use a starter template from Dreamweaver. If I add the image from the first code, it works in outlook. If I add the one from imgur it does not work.

Any thoughts?

TIA

    This topic has been closed for replies.

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    August 23, 2017

    If I had to use Outlook to send emails, I'd go out of my flipping mind.

    Can't you send emails from your server or a bulk email service like MailChimp?

    Nancy

    Nancy O'Shea— Product User & Community Expert
      H
      hollyeperretAuthor
      Known Participant
      August 23, 2017

      I wish I could! I don't have access to distribution lists. I create the emails and send them to the marketing team to distribute. I was hoping to have a bit of additional flexibility by using an HTML editor to create them. But I'm on a deadline so I will have to troubleshoot this later and stick with my usual outlook emails, which I have become really good at. They are definitely infuriating though.

      Jon Fritz
      Community Expert
      Jon FritzCommunity Expert
      Community Expert
      August 23, 2017

      The image you're linking to on imgur is pretty large, 2500 pixels wide, it could be the physical size is causing an issue.

      I suppose it might be a .jpg vs .png issue too. I only ever use jpg or gif in html emails. I'm not sure if outlook has issues with that or not. It might be worth testing.

      Either way, images in Outlook rarely ever load for anyone using the default security setting or higher, so just a reminder to make sure your email makes sense if/when they don't load.

        H
        hollyeperretAuthor
        Known Participant
        August 23, 2017

        I've had a curious thing happen now.

        I added the a href tag straight from imgur and in dreamweaver it now shows both images, the one I linked in my original comment and the one with the a href tag. When I load that in outlook it still doesn't work. Then I tried to just insert an image off my harddrive and I placed it in between the two links. That image does not display in outlook either.

        BUT

        With that image in place the original imgur link DOES display. It goes away if I remove the image I inserted or the one with the a href tag. But stays if I have both of them in there. I'm completely confused by this.

        Here is the code. Can anyone make sense of this?

        <tr>

                        <td class="full-width-image"><a href="http://imgur.com/mqMiCyL"><img src="http://i.imgur.com/mqMiCyL.png" width="600" title="source: imgur.com" /><img src="SI BI Icons-09.png" width="600" height="600" alt=""/><img src="http://i.imgur.com/mqMiCyL.png" alt="alt_text" width="600" height="300" style="width: 100%; max-width: 600px; height: auto;" border="0" align="center"></a></td>

                      </tr>

        Jon Fritz
        Community Expert
        Jon FritzCommunity Expert
        Community Expert
        August 23, 2017

        Could be an html error somewhere in your page that's confusing the rendering engine.

        Make sure to validate your code, specifically look for structural errors (missing tags, missing quotes, etc). You don't have to worry about the "obsolete attribute errors" since it's an html email.

          Terms & ConditionsAccessibility statement
          Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices