www.webdeveloper.com
Results 1 to 12 of 12

Thread: html email layout messed up

  1. #1
    Join Date
    Oct 2013
    Posts
    39

    html email layout messed up

    Hey guys,

    so I've been working on this html email for quite some time now.. had some problems which I already solved out.
    But here's the main thing (that I don't understand). The mail looks good in the browser, the code is quite clean (I hope) but as soon as I test it, it's just f*cked up.. I am using Mozilla Thunderbird. Also it tells me, that there was a problem attaching the images (and if I want to send the email anyway).

    Link to the code
    2412d52.jpg

    I am doing this for a client and I am getting really short on time. Any clue or tips on what to do will be highly appreciated.
    Thanks.

  2. #2
    Join Date
    Oct 2013
    Posts
    39
    nobody? come on, nobody's sending emails through Thunderbird?

  3. #3
    Join Date
    Mar 2011
    Posts
    1,139
    First of all, there is very limited support for CSS in EMail clients. You can't use properties like the 'mso-' or vendor-specific '-webkit'. Your HTML needs work as well, but for general guideance the best resource I know of is this Guide to CSS Support in Email.
    Rick Trethewey
    Rainbo Design

  4. #4
    Join Date
    Oct 2013
    Posts
    39
    ok, thanks for the tip. I'll go through that. The only problem Thunderbird is giving me is that it doesn't send the images...
    "There was a problem attaching the filename.jpg file, do you want to send the email anyway?"

    I am using mediafire.com to host the images online. When I send the email just by copying it into gmail, all works fine.

  5. #5
    Join Date
    Mar 2011
    Posts
    1,139
    It's not clear what you're trying to do, but keep in mind that a file sent as an attachment must reside on your computer. It can't be something that exists out on the web somewhere because the Email program has to read the data and encode it into the Email message. It's not the same as using the HTML <img> tag in the message <body>.
    Rick Trethewey
    Rainbo Design

  6. #6
    Join Date
    Oct 2013
    Posts
    39
    well, I am just trying to send a html email. It looks alright when I enter the html code..
    Untitled.jpg

    but when I try to send it, an error message pops up (for every image that the mail contains)
    It's in my language (because Thunderbird doesn't even offer language options) but it says what I wrote the previous post.
    Untitled2.jpg

    The code for all the images is like this:
    HTML Code:
    img src="http://www.mediafire.com/convkey/0966/3742rgmrt7tm7drfg.jpg"

  7. #7
    Join Date
    Mar 2012
    Posts
    1,509
    @McCloud

    Please read post #5 by rtrethewey, he has already explained why that will not work. For convenience I'll quote him:
    ...keep in mind that a file sent as an attachment must reside on your computer.

  8. #8
    Join Date
    Oct 2013
    Posts
    39
    But I am not trying to attach those images.. I just want my email - that contains those images - to display normally. With html email, you have to have the images hosted online.

  9. #9
    Join Date
    Mar 2012
    Posts
    1,509
    There is a similar problem on the TB Support:

    Apologies for the late reply. I have now tested HTML signature with other accounts and it works fine. I've gone back and retested with TB and it is still not being received at the recipients address. I've checked the file, saved the image locally and ran other suggested diagnostics with no luck. Any ideas.
    Which suggests that there may be a problem with TB and HTML emails including images. In any case, I would have thought that you should consider raising your issue there?
    Last edited by jedaisoul; 07-26-2014 at 03:01 PM.

  10. #10
    Join Date
    Oct 2013
    Posts
    39
    alright, thank you. I already wrote on the support forum there, so I am going to check this one out too.

  11. #11
    Join Date
    May 2014
    Posts
    905
    You really are using a whole slew of things that HTML mail clients flat out don't support properly if at all... things like the STYLE attribute... You cannot rely on it and should not use it.

    With HMTL e-mails you basicially have to dial the clock back to 1997 and pretend anything newer than HTML 3.2 does not exist. That means NO CSS -- at all. Even if a handful of mail clients attempt to support it, the simple fact is support is partial at best, an unreliable mess at worst.

    NOT that I believe in sending HTML e-mails in the first place, or if I did send them I'd send multi-encoded so there's a plaintext version too, since HTML e-mails are often used as a spam filter since there's no legitimate reason for 'real' e-mails to even have HTML in them; you can pretty much assume if it's an HTML mail, it's spam.

    Oh, BTW, you do know mediafire blocks hotlinking, right?
    Java is to JavaScript as Ham is to Hamburger.

  12. #12
    Join Date
    Oct 2013
    Posts
    39
    hmm, I didn't know that about mediafire. I was going to use my Google drive, but it was too complicated to get the actual img url.
    I was able to get it working using this
    Code:
    moz-do-not-send="true"
    but maybe I should change the image hosting then..

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles