• Features
    All Features Email Previews
    Builder Checklist Spam Testing Email Analytics Litmus Extension
  • Pricing
  • Resources
    Resources Litmus Conference Convince Your Team Gmail Promotions Builder
  • Enterprise
  • Community
    Discussions Snippets Templates Jobs
  • Blog
  • Sign In
  • Litmus
  • Features
  • Pricing
  • Resources
  • Enterprise
  • Blog
  • Community
  • Discussions
  • Snippets
  • Templates
  • Jobs
  • My Account
  • Sign In
  • Community Home
  • Discussions
  • Learning
  • Snippets
  • Templates
  • Jobs
Avatar of Michael MuscatMM

Michael Muscat

  • FED at Coles
  • Melbourne, Australia
  • https://www.flybuys.com.au/

Working on the next generation of email templates.

Joined on September 19, 2012
    Replied to Discussion: Mobile Optimised Responsive Fluid Retina Images For Email by Michael Muscat 2016-11-23 23:01:26

    I did consider using <picture> or <img srcset=""> but mobile support isn't great... yet. You would still need a fallback background image for responsive, and both images would still be loaded in unsupported clients. <template> just has better support. <noframes> is even better because it works everywhere, but I've seen it do strange things to webmail.

    Started a new discussion: Mobile Optimised Responsive Fluid Retina Images For Email 2016-11-23 23:01:26

    Replied to Discussion: Bulletproof Lists Using UL and LI by Michael Muscat 2016-11-01 19:02:33

    It's significantly less bloat than using tables to format bullet lists. You would have to define the font styles on every single <td>, or twice per bullet point. You'd have to fiddle with valign or line-height and padding to get the correct spacing. It's more difficult to manipulate tables for responsive layouts as well. It all adds up to being 2-3 times more code. Using <ul> lets you define the font styles once, making it a lot easier to change. When you're optimising for that 102kb truncation limit in Gmail or Yahoo, every byte counts.

    A lot has changed in the last two years, for example you don't need to capitalise the letter M anymore for Outlook.com. If you are satisfied with tables then you should just stick with that. You might be able to use classes now instead of inline styles.

    Replied to Discussion: Floating Responsive Tables Using Ghost Columns Constantly Breaks in Outlook by Michael Muscat 2016-09-08 04:26:27

    Unfortunately padding on the <table> tag works differently in Outlook 07-16 than normal browsers. The padding will be applied to all cells and you can't override them on individual cells. Setting padding on the <td> won't work either because this will be applied to the every <td> in that row row.

    Try setting the padding you want on the nested tables instead.

    Replied to Discussion: Outlook Bulletproof Buttons Turn Blue on Click by Michael Muscat 2016-09-08 04:17:38

    Try this: https://litmus.com/community/discussions/4164-outlook-07-13-visited-link-color-fix

    Replied to Discussion: How do I prevent extra padding below VML bulletproof background image? by Michael Muscat 2016-08-17 05:21:01

    Outlook 2007-2016 adds an empty paragraph after every vml tag. Try adding font-size: 0 to the vml parent container. ie.

    <td background="https://domain/path/to/image.jpg" style="font-size: 0;">
        <!-- your vml code here -->
    </td>
    

    Started a new discussion: Fix for max-height/overflow-y in Yahoo Mail 2017-08-25 08:48:58

    Replied to Discussion: Justified Single Line of Text or Last Line by Michael Muscat 2015-11-27 00:51:57

    You need to add some code at the end that will force the line to wrap. This could be achieved with letter spacing or with an inline-block element.
    eg.
    <span style="letter-spacing:400px">&nbsp;</span>
    <span style="display: inline-block; width: 100%; padding-top: 1px;"></span>

    For Outlook 07-16 you need to use the special line break character:
    <br style="mso-special-character:line-break">

    This will add extra space at the bottom. If you want to get rid of it you could try setting line-height: 0 on the container.

    Putting it together something like this might work:

    <p style="Margin: 0; text-align: justify; line-height: 0; mso-line-height-alt: 24px;">
    <span style="line-height: 24px;">Last Line</span>
    <span style="display: inline-block; width: 100%; padding-top: 1px"></span>
    <br style="mso-special-character:line-break">
    </p>
    

    Haven't tried it myself, but it should work in theory. Make sure you don't use any <br/> tags in your text or it will be left aligned.

Litmus Logo
    Company
  • Team
  • Customers
  • Careers
  • Contact
  • Brand
    Product
  • Features
  • Pricing
  • Enterprise
  • Extension
    Tools
  • Events
  • Labs
  • Scope
  • Resources
    Help
  • Knowledgebase
  • Status
  • Community
  • Trust
Subscribe to our emails

Copyright © Litmus Software, Inc. 2005-2022. 675 Massachusetts Ave., 11th Floor, Cambridge, MA 02139. View our Terms of Service or Privacy Policy. Send us a note to hello@litmus.com or give us a call at +1 (866) 787-7030

Sign in to Community

Are you new to Litmus Community?

Create a Free Litmus Account

Use your existing Litmus login to connect with the world’s most amazing email designers.

Having trouble signing in? Try Forgot password

Join the Litmus Community

Sign up to Community

Litmus uses the information you provide us to bring you great content about email marketing trends, stats, events and relevant products and services. You may unsubscribe from these communications at any time. For more information, check out our Privacy Policy
Already have a Litmus login? Sign in

Get more out of your Litmus account

Your free Community account includes access to the Litmus Community, as well as limited access to Litmus Builder. Check out the entire Litmus Email Creative Platform when you sign up for a free 7-day trial.

  • Email Previews

    Get 2,000 screenshots/month in popular email clients, including key international webmail clients, to ensure your emails look great everywhere.

  • Builder

    Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them.

  • Checklist

    Get screenshots in popular email clients to ensure your email looks great everywhere.

  • Code Editor Integrations

    Preview and troubleshoot your emails right where you build with seamless integrations between Litmus and any local code editor, like Dreamweaver or Sublime.

  • ESP Integrations

    Save time producing and troubleshooting your campaigns with seamless integrations between Litmus and your email service provider (ESP).

  • Spam Testing

    Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them.

  • Email Analytics

    Optimize your campaigns with subscriber-level insights to improve segmentation and targeting strategies.

  • Private Litmus Teams

    Get full team visibility. Manage Litmus access and monitor usage across private teams.

No thanks, just sign me up without a trial

Forgot password

Enter your email address to reset your password


Already have a Litmus login? Sign in