Create HTML Email Step 4-Using Dreamweaver to Clean and Refine HTML

[jalsevec]

I have problem with 0 border... I can´t remove spaces around images that are hyperlinks... please help....

[dorsmap]

Thank you for these tutorials they are very helpful. The part I'm confused about is sending the email. I have created the graphic email and uploaded the contents to my web server but now Im wondering how to send an email that opens as a link to that content.......if I missed something I apologize its just a bit confusing to me.

[braderzf50]

Hi, I've a very basic knowledge of dreamweaver and html, great and clear tutorial. My only issue that i have is when you say about the src link. What do i put in here I've tried putting what i thought was right in there and the image disappears with a broken image symbol. So i'm definitely doing something wrong. But other than that, thanks for the great tutorials.

[eh3k]

Thanks for the note & sure, you can link from anything, words or images.

[abovethclouds]

If your taking it from a Jpeg...can you link indivdual words? or just images?

Great tut by the way!

[Grammyroxlynn]

I found your instructions to be very clear and instructive. However, I am having problems with some recipients of my HTML email seeing parts jogged to the right and an empty white space between two side-by-side slices. I have double-checked all the math, and made sure to follow your instructions about 0 border, but it still comes out that way on a few of Windows Explorer users. It looks fine on my own and many other test sites. Any clues?

[eh3k]

@Grammyroxlynn I do know that different e-mail platforms, particularly gmail, renders HTML differently. I would suggest using Firefox and installing the Firebug add-on that will let you inspect the HTML and possibly identify any coding that you can do to make the images render better. In my experience Gmail (on the web) tends to be the main issue. Generally when reading email through a client like Outlook or Mac mail, there aren't really any issues.

[Amberlina03]

This one was very helpful as well. Thank you so much for the great tutorials!

[eh3k]

@Amberlina03 Thanks again!

[eh3k]

Thanks for watching & for posting a comment. What I typically do is add text at the top of the e-mail that says something like, "If you have trouble seeing this message, click to view as a web page" and then link to the HTML page that's been uploaded to your webserver. I'll look into having text over the image, but that suggestion may work for you.

[PrototypeAL]

Thank you for these videos, really helpful!

...could you do one for how to add text overthe images?...as most email clients don't auto load images you need to have just some of your text to not be images so the user knows there something there!

Thanks!

[dorsmap]

@PrototypeAL I was also curious about this did you figure it out?

[eh3k]

If you were looking for the other version of this, I've replaced it with this one. I wanted to make sure an emphasize a couple of key points about HTML email vs. viewing as a web page, specifically the importance of using the full source path in the image source field and specifying a 0 border, especially when linking graphics. I kind of glossed over that the first time around.