Problem with image alignment in newsletters
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.
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
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
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?
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
Yes. That's exactly the functionality I'm looking for. Would be great to see it in next release.
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
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