Problem with image alignment in newsletters

edited September 2012 in Newsletter plugin
Hi there,

When I insert an image that needs to be aligned right from the text this creates a problem after sending the email. In the editor and online view it looks fine because of the .alignright property being added to the image. But since e-mail clients don't follow these classes they mess up the email by just placing the images inline.

I tried adding the class to the mail template without any luck. Most likely because what is really needed is a transformation from the class attribute to a <img align="right" when sending the email.

This is probably a result of how the wordpress editor works, but it provides a real problem for my clients who are unable to place images where they want.

Comments

  • 11 Comments sorted by
  • Vote Up1Vote Down
    Hi mediaweb,

    Thank you for your post!

    Unfortunately not all email and webmail clients support class names like that or the float:left/right even if it is inline in the HTML: http://www.campaignmonitor.com/css/

    The solution is to add an 'align' attribute to the IMG element. Here is a guide in our documentation on how to left/right align images in emails with your WordPress Newsletter plugin: http://docs.tribulant.com/wordpress-mailing-list-plugin/3841

    Please let me know if this helps and works fine for you.

    All the best,
    Antonie
  • Vote Up0Vote Down
    Hi Antonie,

    Thank you for your reply. We know that putting the align="right" tag directly in the HTML will "solve" the problem.
    Unfortunately this isn't a good solution, especially for our clients who really do not want to use any code, but are used to "word-like-editors".

    Is there any conversion planned so that the newsletter plugin will convert the CSS styled alignments to HTML inline code before sending?

    p.s. You might want to consider removing the Monkeyrewards style form your example e-mail templates, I doubt it does anything useful with this plugin? ;)
  • Vote Up0Vote Down
    Hi mediaweb,

    I understand what you're saying.

    To have .alignright and .alignleft be automatically interpreted so that the 'align' attribute can be added automatically to the IMG element in the newsletter.

    I'm adding this to our development list so that we can see if we can hook onto the "Insert Into Post" and add the attribute to the tag automatically like that. It will be a great feature and make things easier for everyone trying to float images in newsletters.

    The #monkeyrewards CSS is in 3 of the themes, it is of no use, we'll remove it for the next release.

    All the best,
    Antonie
  • Vote Up0Vote Down
    Hi Antonie,

    Yes. That's exactly the functionality I'm looking for. Would be great to see it in next release.
  • Vote Up0Vote Down
    What would be a great help to any newsletter being created is some sort of automation of this process: http://inlinestyler.torchboxapps.com/

    It always helped us creating css-styled newsletters that are being displayed correctly in a lot of clients. Your sender would benefit a lot if it would convert all newsletters prior to sending them out.

    Just my 2 cents :)
  • Vote Up0Vote Down
    Wow, great tip, thank you for that!

    We are still working on the 'align' attribute mentioned earlier in this discussion.
  • Vote Up0Vote Down
    Thank you for your follow-up.

    We are still working on a solution to automatically align the images and we'll put it in our next release.

    Let us know if you have any questions in the meanwhile.
  • Vote Up0Vote Down
    When is this new version due? The amount of clients that are complaining are piling up.
    We need proper image alignment please.
  • Vote Up0Vote Down
    Thank you for the follow-up.
    I'm sorry for the delay in getting back to you with this.

    We have developed 2 new settings to the media item in the media uploader. The 2 new settings are just above the "Insert into Post" button to set the 'align' and 'hspace' parameters on each image as you insert it.

    See this screenshot to illustrate: http://screencast.com/t/tGQJMFn3hqc

    Will this work for your clients and do you have any suggestions?

    If you want a development build of this, please submit a ticket: http://tribulant.com/support/
    Please mention this link to this topic in the forum in your ticket so we know what it's about.

    I look forward to your response!

    All the best,
    Antonie
  • Vote Up0Vote Down
    Hi mediaweb,

    I'm just following up to find out whether you're keen on a development build as Antonie mentioned? If so, please please submit a ticket at http://tribulant.com/support/ and mention the link to this forum topic in your ticket so we know what it's about.

    Best regards,

    Phil
Sign In or Register to comment.