litmus.com
Open in
urlscan Pro
52.4.65.19
Public Scan
URL:
https://litmus.com/community/discussions/4633-is-there-a-reliable-1px-horizontal-rule-method
Submission: On April 25 via api from IE — Scanned from DE
Submission: On April 25 via api from IE — Scanned from DE
Form analysis 8 forms found in the DOM
<form><span class="fieldset">
<p><input type="checkbox" value="check" id="chkMain" checked="checked" class="legacy-group-status optanon-status-checkbox"><label for="chkMain">Active</label></p>
</span></form>POST /community/discussions/4633-is-there-a-reliable-1px-horizontal-rule-method/comments
<form class="new_comment nested_comment_form" id="new_comment" action="/community/discussions/4633-is-there-a-reliable-1px-horizontal-rule-method/comments" accept-charset="UTF-8" data-remote="true" method="post" novalidate="novalidate"><input
name="utf8" type="hidden" value="✓">
<input type="hidden" name="comment[parent_id]" id="comment_parent_id">
<textarea cols="50" rows="4" class="markdown-source form-control" placeholder="Write your comment" name="comment[content]" id="comment_content"></textarea>
<footer class="comment-reply-footer">
<a class="markdown-link" target="_blank" href="/community/markdown">Markdown supported</a>
<button class="btn btn-primary btn-sm ladda-button" data-style="expand-left" data-spinner-color="#69ab7f">Post Comment</button>
<a href="#" class="cancel btn btn-link">Cancel</a>
</footer>
</form><form class="form-inline subscribe" id="sub-form" onsubmit="updateMarketo(this);return false;">
<div class="form-group">
<input type="text" class="form-control email" name="Email" id="ohyku-ohyku" onfocus="if(this.value == 'Your email address') { this.value = ''; }" onblur="if (this.value=='') this.value = 'Your email address'" value="Your email address"
required="">
<input type="submit" value="→" class=" submit">
</div>
</form><form id="mktoForm_1058" style="display: none; font-family: inherit; font-size: 13px; color: rgb(51, 51, 51); width: 1px;" novalidate="novalidate" class="mktoForm mktoHasWidth mktoLayoutLeft">
<style type="text/css"></style>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="mapssecurity" id="Lblmapssecurity" class="mktoLabel mktoHasWidth" style="width: 100px;">
<div class="mktoAsterix">*</div>maps-security:
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div><input id="mapssecurity" name="mapssecurity" maxlength="255" aria-labelledby="Lblmapssecurity Instructmapssecurity" type="text" class="mktoField mktoTextField mktoHasWidth"
style="width: 150px;"><span id="Instructmapssecurity" tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow"><input type="hidden" name="UTM_Tracking_Campaign__c" class="mktoField mktoFieldDescriptor mktoFormCol" value="" style="margin-bottom: 5px;">
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow"><input type="hidden" name="UTM_Tracking_Medium__c" class="mktoField mktoFieldDescriptor mktoFormCol" value="" style="margin-bottom: 5px;">
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow"><input type="hidden" name="UTM_Tracking_Source__c" class="mktoField mktoFieldDescriptor mktoFormCol" value="" style="margin-bottom: 5px;">
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow"><input type="hidden" name="UTM_Tracking_Content__c" class="mktoField mktoFieldDescriptor mktoFormCol" value="" style="margin-bottom: 5px;">
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap mktoRequiredField"><label for="Email" id="LblEmail" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Email Address:
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div><input id="Email" name="Email" maxlength="255" aria-labelledby="LblEmail InstructEmail" type="email" class="mktoField mktoEmailField mktoHasWidth mktoRequired"
aria-required="true" style="width: 150px;"><span id="InstructEmail" tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_litmus_news" id="Lblsubscribe_to_litmus_news" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>The Newsletter
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_litmus_news" id="subscribe_to_litmus_news" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_litmus_news Instructsubscribe_to_litmus_news" class="mktoField"><label for="subscribe_to_litmus_news" id="Lblsubscribe_to_litmus_news"></label></div><span id="Instructsubscribe_to_litmus_news"
tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_litmus_weekly" id="Lblsubscribe_to_litmus_weekly" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Litmus Weekly
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_litmus_weekly" id="subscribe_to_litmus_weekly" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_litmus_weekly Instructsubscribe_to_litmus_weekly" class="mktoField"><label for="subscribe_to_litmus_weekly" id="Lblsubscribe_to_litmus_weekly"></label></div><span id="Instructsubscribe_to_litmus_weekly"
tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_product_updates" id="Lblsubscribe_to_product_updates" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Litmus Product Updates
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_product_updates" id="subscribe_to_product_updates" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_product_updates Instructsubscribe_to_product_updates" class="mktoField"><label for="subscribe_to_product_updates" id="Lblsubscribe_to_product_updates"></label></div><span
id="Instructsubscribe_to_product_updates" tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_Litmus_Live" id="Lblsubscribe_to_Litmus_Live" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Virtual & Live Events
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_Litmus_Live" id="subscribe_to_Litmus_Live" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_Litmus_Live Instructsubscribe_to_Litmus_Live" class="mktoField"><label for="subscribe_to_Litmus_Live" id="Lblsubscribe_to_Litmus_Live"></label></div><span id="Instructsubscribe_to_Litmus_Live"
tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_CMO_Newsletter" id="Lblsubscribe_to_CMO_Newsletter" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Leading FWD
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_CMO_Newsletter" id="subscribe_to_CMO_Newsletter" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_CMO_Newsletter Instructsubscribe_to_CMO_Newsletter" class="mktoField"><label for="subscribe_to_CMO_Newsletter" id="Lblsubscribe_to_CMO_Newsletter"></label></div><span
id="Instructsubscribe_to_CMO_Newsletter" tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_Reports_and_Ebooks" id="Lblsubscribe_to_Reports_and_Ebooks" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Reports & Ebooks
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_Reports_and_Ebooks" id="subscribe_to_Reports_and_Ebooks" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_Reports_and_Ebooks Instructsubscribe_to_Reports_and_Ebooks" class="mktoField"><label for="subscribe_to_Reports_and_Ebooks" id="Lblsubscribe_to_Reports_and_Ebooks"></label></div><span
id="Instructsubscribe_to_Reports_and_Ebooks" tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset mktoHasWidth" style="width: 5px;"></div>
<div class="mktoFieldWrap">
<div class="mktoHtmlText mktoHasWidth" style="width: 475px;">
<p style="font-weight: 400; line-height: 1.4em;">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 <a href="https://www.litmus.com/privacy/" target="_blank">Privacy Policy</a>.</p>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoButtonRow"><span class="mktoButtonWrap mktoNative" style="margin-left: 110px;"><button type="submit" class="mktoButton">Submit</button></span></div><input type="hidden" name="formid" class="mktoField mktoFieldDescriptor"
value="1058"><input type="hidden" name="munchkinId" class="mktoField mktoFieldDescriptor" value="864-VPZ-131">
</form>POST /sessions
<form class="form-horizontal community-sign-in-form" action="/sessions" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓">
<div class="modal-header" id="sign-in-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Sign in to Community</h3>
</div>
<div class="modal-body" id="sign-in-body">
<p class="community-modal-errors"></p>
<p>Are you new to Litmus Community?</p>
<a class="btn btn-primary btn-block toggle-modal-form sign-up" href="https://litmus.com/signup/community-plan">Create a Free Litmus Account</a>
<hr>
<p class="desc">Use your existing Litmus login to connect with the world’s most amazing email designers.</p>
<input type="hidden" name="return_to" id="return_to" value="https://litmus.com/community/discussions/4633-is-there-a-reliable-1px-horizontal-rule-method" class="return-to">
<div class="form-group">
<input type="email" name="email" id="email" placeholder="Email Address" class="form-control">
</div>
<div class="form-group">
<input type="password" name="password" id="password" placeholder="Password" class="form-control">
</div>
<input type="submit" name="commit" value="Sign In" class="btn btn-outline btn-block" data-disable-with="Sign In">
<small class="note"> Having trouble signing in? Try <a class="toggle-modal-form forgot-password" href="/password/forgot">Forgot password</a>
</small>
</div>
</form>POST https://litmus.com/signup/community-plan
<form id="sign-up-modal-form" class="form-horizontal hide" action="https://litmus.com/signup/community-plan" accept-charset="UTF-8" method="post" novalidate="novalidate"><input name="utf8" type="hidden" value="✓"><input type="hidden"
name="authenticity_token" value="3bqDZZKkpw1AXAzgu+egfzPLEjxaiwL1A/3/AAOZaUCKHqs6bxNY1rMRGtrCMvt+01WX2fFlaFcOi8RjNqYqFA==">
<div id="sign-up-form">
<div class="modal-header" id="sign-in-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Sign up to Community</h3>
</div>
<div class="modal-body" id="sign-up-body">
<input type="hidden" name="agree_to_terms" id="agree_to_terms" value="1">
<input type="hidden" name="return_to" id="return_to" value="https://litmus.com/community/discussions/4633-is-there-a-reliable-1px-horizontal-rule-method" class="return-to">
<input type="hidden" name="referral_code[code]" id="referral_code_code">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="signup_user_first_name">First name</label>
<input type="text" name="signup[user][first_name]" id="signup_user_first_name" placeholder="First Name" class="required form-control">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="signup_user_last_name">Last name</label>
<input type="text" name="signup[user][last_name]" id="signup_user_last_name" placeholder="Last Name" class="required form-control">
</div>
</div>
</div>
<div class="form-group">
<label for="signup_user_email">Email</label>
<input type="email" name="signup[user][email]" id="signup_user_email" placeholder="Email Address" class="required form-control">
</div>
<div class="form-group">
<label for="signup_user_password">Password</label>
<input type="password" name="signup[user][password]" id="signup_user_password" placeholder="Password" class="required form-control">
</div>
<div class="form-group">
<label for="signup_user_password_confirmation">Confirm password</label>
<input type="password" name="signup[user][password_confirmation]" id="signup_user_password_confirmation" placeholder="Retype Password" class="required form-control">
</div>
<div class="form-group">
<small class="note"> 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 <a target="_blank" href="https://litmus.com/privacy">Privacy Policy</a>
</small>
</div>
<input type="submit" name="commit" value="Sign Up" class="btn btn-primary btn-block sign-up-button" data-disable-with="Sign Up">
<small class="note"> Already have a Litmus login? <a class="toggle-modal-form sign-in" href="#">Sign in</a>
</small>
</div>
</div>
<div id="sign-up-trial-box" class="hide">
<div class="modal-header" id="sign-in-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Get more out of your Litmus account</h3>
</div>
<div class="modal-body modal-trial-sign-up" id="sign-up-body">
<div class="row">
<div class="col-sm-12">
<p> 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. </p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="feature-card">
<ul>
<li>
<a href="#">Email Previews</a>
<div class="tip">
<p>Get 2,000 screenshots/month in popular email clients, including key international webmail clients, to ensure your emails look great everywhere.</p>
</div>
</li>
<li>
<a href="#">Builder</a>
<div class="tip">
<p>Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them.</p>
</div>
</li>
<li>
<a href="#">Checklist</a>
<div class="tip">
<p>Get screenshots in popular email clients to ensure your email looks great everywhere.</p>
</div>
</li>
<li>
<a href="#">Code Editor Integrations</a>
<div class="tip">
<p>Preview and troubleshoot your emails right where you build with seamless integrations between Litmus and any local code editor, like Dreamweaver or Sublime.</p>
</div>
</li>
<li>
<a href="#">ESP Integrations</a>
<div class="tip">
<p>Save time producing and troubleshooting your campaigns with seamless integrations between Litmus and your email service provider (ESP).</p>
</div>
</li>
<li>
<a href="#">Spam Testing</a>
<div class="tip">
<p>Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them.</p>
</div>
</li>
<li>
<a href="#">Email Analytics</a>
<div class="tip">
<p>Optimize your campaigns with subscriber-level insights to improve segmentation and targeting strategies.</p>
</div>
</li>
<li>
<a href="#">Private Litmus Teams</a>
<div class="tip">
<p>Get full team visibility. Manage Litmus access and monitor usage across private teams.</p>
</div>
</li>
</ul>
<input type="submit" name="commit" value="Try Litmus free for 7 days" class="btn btn-primary btn-block trial-sign-up-button" data-disable-with="Try Litmus free for 7 days">
</div>
</div>
</div>
<small class="note">
<a class="no-thanks-link" href="#">No thanks, just sign me up without a trial</a>
</small>
</div>
</div><!-- End #sign-up-trial-modal-form -->
</form>POST https://litmus.com/password/forgot
<form id="forgot-password-modal-form" class="form-horizontal hide" action="https://litmus.com/password/forgot" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="authenticity_token"
value="3bqDZZKkpw1AXAzgu+egfzPLEjxaiwL1A/3/AAOZaUCKHqs6bxNY1rMRGtrCMvt+01WX2fFlaFcOi8RjNqYqFA==">
<div class="modal-header" id="sign-in-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Forgot password</h3>
</div>
<div class="modal-body" id="forgot-password-body">
<p class="community-modal-notifications"></p>
<div class="form-group">
<p class="desc">Enter your email address to reset your password</p>
<input type="email" name="email" id="email" placeholder="Enter your email" tabindex="1" required="required" class="form-control">
</div>
<script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script>
<div class="g-recaptcha" data-sitekey="6LcNjygTAAAAAKf3uQqit9KwM5QJTsCd0mK1LZ7E">
<div style="width: 304px; height: 78px;">
<div><iframe title="reCAPTCHA"
src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LcNjygTAAAAAKf3uQqit9KwM5QJTsCd0mK1LZ7E&co=aHR0cHM6Ly9saXRtdXMuY29tOjQ0Mw..&hl=de&v=QENb_qRrX0-mQMyENQjD6Fuj&size=normal&cb=txteb3g9nznr" width="304"
height="78" role="presentation" name="a-sjw9xt1f46a8" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox"></iframe></div>
<textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
</div><iframe style="display: none;"></iframe>
</div>
<br>
<input type="submit" name="commit" value="Reset my password" class="btn btn-primary btn-block" data-disable-with="Reset my password">
<small class="note"> Already have a Litmus login? <a class="toggle-modal-form sign-in" href="#">Sign in</a>
</small>
</div>
</form><form style="display: none; font-family: inherit; font-size: 13px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; top: -500px; left: -1000px; width: 1600px;" novalidate="novalidate" class="mktoForm mktoHasWidth mktoLayoutLeft">
</form>Text Content
Cookie Notice
Litmus uses cookies to improve your experience and understand how people use our
site. By continuing to use our site, you consent to allow all cookies. You can
change your cookie settings at anytime.
Close
Allow all cookies
Cookie Settings
* Your Privacy
* Strictly Necessary Cookies
* Performance Cookies
* Functional Cookies
* Targeting Cookies
* More Information
Privacy Preference Center
Active
Always Active
Save Settings
Allow All
* 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
* Create a Discussion
JP
2
IS THERE A RELIABLE 1PX HORIZONTAL RULE METHOD?
Joe P posted 6 years ago
Hi,
I'm trying to put a horizontal rule in an email, but actually using 100% width
1px high table/td.
I've trawled the forums/stackoverflow etc and can't yet find a solution that
works across all Outlooks AND Lotus 6,7,8 (as well as the other clients but
they're less problematic)
I guess it would be possible to do an if(!mso) and if(mso) rule and double up
the content as I have some options that work in Outlook and some that work in
Lotus but not both .. that's not ideal though
anyone have anything reliably working yet?
I am happy to test any suggestions in Litmus and post the results.
thanks
J
Highest Voted Oldest First Most Recent
IS
26
Edit
Delete
Igloo Software replied 5 years ago
I have a solution that works against ALL Litmus tests.
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100% !important;">
<tr>
<td align="left" valign="top" width="600px" height="1" style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"><!--[if gte mso 15]> <![endif]--></td>
</tr>
</table>
You will have to adjust the width on the <td> to match your required width of
the horizontal rule. Must be px.. NOT 100%
You might notice the !important on the table width... this is a fix for
left-aligned buttons on Gmail App in Android. Gmail ignores the width="100%" on
the <table> so it has to be inlined.
Reply to Igloo Software
PM
0
Edit
Delete
Pankaj Malik replied 3 years ago
u make my life easy with this solution.
RP
4
Edit
Delete
Rémi Parmentier replied 6 years ago
Hi Jozef. I'd say border-bottom:1px solid #000; on a <td> should be pretty
consistent across all clients you mentioned.
Reply to Rémi Parmentier
JP
1
Edit
Delete
Joe P replied 6 years ago
sorry you're partly right actually. for my purposes I didn't need an exact 1px
height in terms of the space surrounding the horizontal rule (ie it's not a
pixel perfect slice of an image here, just a divider in some copy)
I found border-bottom:1px solid #FFFFFF for some reason gave me a black border
in Lotus 7. could be something to do with the default font colour I'm not sure.
however using border-top worked ok
this therefore appears to work for me in all email clients Litmus lets me test.
I didn't end up needing most of the other code.
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="1" style="border-top:1px solid #ffffff; font-size:1px; height:1px; line-height:1px"> </td>
</tr>
</table>
thanks for the heads up!
J
JP
0
Edit
Delete
Joe P replied 6 years ago
I believe that doesn't work in Lotus 6/7 due to unsupported CSS styles
yes, I'd rather not have to support 10 year old email clients but that's the
current task set :(
the only result that's worked ok for Lotus 7 and the others so far is something
along these lines.. but i'm not sure about putting font size 0 in an email... I
don't know how spam filters are treating that these days
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr style="font-size:1px; mso-line-height-alt:0; mso-margin-top-alt:1px">
<td height="1" style="background:none; border:solid 1px #FFFFFF; border-width:1px 0 0 0; height:1px; width:100%; margin:0px 0px 0px 0px; font-size: 0px; line-height: 0px;"> </td>
</tr>
</table>
(probably more styles than necessary in there, it's come from amalgamating
several methods and not determining which can be removed yet)
thanks
j
CF
4
Edit
Delete
Courtney Fantinato replied 6 years ago
Have you tried styling an HTML <hr>? I haven't tried it with Lotus Notes as I
don't need to support it, but it has worked with the majors so far in Litmus
tests, including Outlook. I prefer to use padding on a TD surrounding it for
space. Reset the margin, padding, and border on the <hr> to 0, and then use
width, height, color, and background-color (both of which would be the same
colour).
Reply to Courtney Fantinato
JP
1
Edit
Delete
Joe P replied 6 years ago
thanks Courtney. aside from the odd cross-platform vertical spacing issue, this
is indeed working across everything
<hr noshade color="#FFFFFF" width="100%" size="1" style="padding:0; margin:8px 0
8px 0; border:none; width:100%; height: 1px; color:#FFFFFF; background-color:
#FFFFFF" />
also displays the same with/without CSS in the browser, which is usually a good
sign
regards
J
PN
-2
Edit
Delete
Philip Nawrocki replied 5 years ago
<hr noshade color="#FFFFFF" width="100%" size="1" style="padding:0; margin:8px 0
8px 0; border:none; width:100%; height: 1px; color:#FFFFFF; background-color:
#FFFFFF" />
Had to inspect code to get it.
EM
0
Edit
Delete
Enigma Marketing replied 5 years ago
This doesn't appear to work on Outlook 2016 (Windows), it appears that border:
none; specifically is the issue.
MK
0
Edit
Delete
Matt Kern replied 6 years ago
This works nicely except for Android Gmail app (the bane of my existence.)
LG
-2
Edit
Delete
Lindsay Groom replied 5 years ago
If you put the border on the <td> tag, that usually works. Example: <td
style="border-bottom: 1px solid #CCCCCC;">
Reply to Lindsay Groom
TL
0
Edit
Delete
Tammy Lu replied 3 years ago
The following was place after a table element. This worked for me:
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600"
style="border-collapse: collapse;">
<tr>
<td align="center" valign="top" width="600">
<![endif]-->
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width:
100% !important;max-width:600px;">
<tr>
<td width="100%" bgcolor="#C1C1C1" height="1" style="font-size: 1px;
line-height: 1px;"> </td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
GW
0
Edit
Delete
Gareth Williams replied 3 years ago
This has been litmus tested, it's simple and it works with all email clients.
<tr>
<td width="100%" bgcolor="#ffffff" height="1" style="font-size: 1px;
line-height: 1px;"> </td>
</tr>
Markdown supported Post Comment Cancel
Test your email campaigns in 100+ email clients and devices. Never send another
broken email again.
Start your free 7 day trial
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
*
maps-security:
*
Email Address:
*
The Newsletter
*
Litmus Weekly
*
Litmus Product Updates
*
Virtual & Live Events
*
Leading FWD
*
Reports & Ebooks
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.
Submit
--------------------------------------------------------------------------------
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
First name
Last name
Email
Password
Confirm password
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