newsletter layout?

Options
Cathy Qori
Cathy Qori
Ancient Membership First Comment Facilitator Level 1
in Blackbaud Luminate Online® & Blackbaud TeamRaiser® Discussions

I just discovered that Microsoft Outlook, used by most of our email recipients, does not support the standard HTML FLOAT tag. I've also discovered by trial and error that nested tables do not render correctly; they don't adjust for window width. How are other people doing newsletter layouts with text wrapping around photos in Convio.?

Tagged:

Comments

  • Kate Kromann
    Kate Kromann
    Ancient Membership First Comment Facilitator Level 1

    We use the align property in the img tag:

    <img src="http://..." align=right style="margin-left:10px;">

    This puts the photo on the right of the text, wraps around, and leaves a 10-pixel margin so the text isn't squished against the picture. You can use right, left, center align, and any margin width.

  • Alicia Searfoss
    Alicia Searfoss
    Ancient Membership 100 Comments 25 Likes Photogenic

    It's typical for a lot of email apps to remove any style references too.  Using straight HTML reduces issues for us in most cases.  For images in emails, sometimes we'll just create extra "white space" (like a border) when working on the image prior to uploading it to Convio.  That keeps a natural padding around the image.

  • M OConnell
    M OConnell
    Ancient Membership 10 Comments Photogenic 5 Likes

    right. And in reference to tables, you'd want to start using a separate table for every part of the email. For example, you want an email with Header, Body, and Footer. You'd want to enclose each section with its own <table>  at 100% width. In the end, encapsulate the whole email in a fixed-dimension table (e.g. 600px)  Nested tables have a mixed record in rendering properly on Online email clients....

  • Brian Mucha
    Brian Mucha
    Ancient Membership 2500 Comments 250 Likes Name Dropper
    M OConn:

    right. And in reference to tables, you'd want to start using a separate table for every part of the email. For example, you want an email with Header, Body, and Footer. You'd want to enclose each section with its own <table>  at 100% width. In the end, encapsulate the whole email in a fixed-dimension table (e.g. 600px)  Nested tables have a mixed record in rendering properly on Online email clients....


    "In the end, encapsulate the whole email in a fixed-dimension table (e.g.
     600px)  Nested tables have a mixed record in rendering properly on 
    Online email clients...."

    But, isn't that a nested table you are proposing? I just use a single fixed width table for the everything for the most part.

    Anyhow, I always recommend http://litmusapp.com/ and http://premailer.dialect.ca/ for those of us building html emails. Litmusapp lets you see screenshots of your email in tons of clients. Very neat.

    B

Categories