E-mail notification of new post completely screwed up

  • Unknown's avatar

    Hello. I received an e-mail notification about this post I made, but it’s completely visually disarranged! In Firefox, the only the first item of the table is readable, the others are so aligned to the right that only the few initial characters of each line appears. In Chrome, everything is showed, but the first item is on the left, and the anothers on the right, and this makes the table have a big blank column on the left that occupies half of the space.

    https://andersbateva.wordpress.com/2015/12/02/emergencias-lancada-programacao-das-mesas-de-debate/

    The blog I need help with is: (visible only to logged in users)

  • Hi there,

    It looks like the code we use for the image captions is messing up the tables when generating the email notification.

    When I tried republishing your post on a test site without captioned images it worked fine. I was also able to reproduce the same effect with a post of my own.

    This looks like it might be a bug, so I’m reporting it to our developers to investigate further, but for the time being, if you use captioned images along with tables it will probably keep messing up the email formatting.

    I suggest you publish your post without image captions, so the email will go out correctly, and then add the captions afterwards so they’ll appear on the published post on your site.

  • Unknown's avatar

    OK, thanks for the help!

  • You’re welcome :)

    I did some further testing on this, by the way, and managed to narrow down the cause a bit more.

    I saw that in the right-hand column you used multiple HTML elements in a single cell – a heading in b-tags and then content in div or p tags. This error only occurs in this case and not if there is only one element in the cell, so perhaps you might consider splitting the cells so the headings and content are each in their own cells. You can use the rowspan attribute on the cell containing the times to keep it in line with the two/three rows of content on the right.

    If you’re not familiar with rowspan, you can see here:
    https://developer.mozilla.org/en/docs/Web/HTML/Element/td

  • Unknown's avatar

    I’m familiar with rowspan, but I can’t understand how splitting the title and the content would help. Still would exist more than one element inside each cell, because the content uses “ul”, “div” and “p”.

  • The lists do pose a problem, yes, but in the cases where you only have a heading and paragraph in a cell, having them each in their own cell seems to prevent this problem.

    Our developers are looking into this issue, but I can’t give you any timeline on a fix, so I’m merely trying to give you options for workarounds. I think my first workaround, to publish without captions and then update the post might be simplest for now.

  • The topic ‘E-mail notification of new post completely screwed up’ is closed to new replies.