sharonrieger
asked on
Outlook 2007: CSS borders inconsistent in html email
Hi,
I added a top dashed border to several <p> tags in an html email. Some of those borders display in Outlook 2007 and some do not. This is not an issue in other email clients. You will find the html is contained in the product spotlight table in the bottom half of the html. <!--BEGIN product spotlight table-->
PLEASE note: most of the <a href> tags will not work because they contain a [REDIRECTURL] tag and do not include the "http://". This is deliberate because these anchors will be rendered in a program called i2eds. These tags do not affect borders.
The file is at http://www.districtadministration.com/mailing/issue_alerts/issue_alert_5_09.html but I have also embeded the code in this post. I really hope someone has a solution for me because I have been searching all afternoon and need to resolve by tomorrow morning.
Thanks in advance
Sharon
I added a top dashed border to several <p> tags in an html email. Some of those borders display in Outlook 2007 and some do not. This is not an issue in other email clients. You will find the html is contained in the product spotlight table in the bottom half of the html. <!--BEGIN product spotlight table-->
PLEASE note: most of the <a href> tags will not work because they contain a [REDIRECTURL] tag and do not include the "http://". This is deliberate because these anchors will be rendered in a program called i2eds. These tags do not affect borders.
The file is at http://www.districtadministration.com/mailing/issue_alerts/issue_alert_5_09.html but I have also embeded the code in this post. I really hope someone has a solution for me because I have been searching all afternoon and need to resolve by tomorrow morning.
Thanks in advance
Sharon
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>University Business Issue Alerts</title>
</head>
<body style="margin:0;">
<table id="wrapper" width="600" align="center" cellpadding="0" cellspacing="0" style="border-top:solid 10px #000000;border-bottom:solid 1px #003366;border-right:solid 1px #003366;border-left:solid 1px #003366;">
<tr>
<!--BEGIN logo table-->
<td><table id="logo" bgcolor="#FFFFFF" width="100%" cellspacing="0" cellpadding="8" style="border-bottom:solid #CCCCCC 1px;">
<tr>
<td width="347" valign="top"><p style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold; color:#303030; padding:5px 16px;"><a href="[REDIRECTURL]www.universitybusiness.com"><img style="border:none;" src="http://www.universitybusiness.com/mailing/issue_alerts/images/logo.jpg" alt="[Image: University Business Magazine logo" width="380" height="33"/></a><br />
The May 2009 issue is now online.</p>
<p style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;padding:6px 8px 1px 6px;margin-left:16px;"><a style="color:#06315B; " href="[REDIRECTURL]www.universitybusiness.com/toc/default.aspx">View the Table of Contents</a></p>
<p style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;padding:6px 8px 1px 6px;margin-left:16px;"><a style="color:#06315B;" href="[REDIRECTURL]www.nxtbook.com/nxtbooks/pmg/ub0509/#/0">Read the Digital Magazine</a></p>
<p style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;padding:6px 8px 1px 6px;margin-left:16px;"><a style="color:#06315B;" href="#productSpotlight">Product Spotlight</a></p></td>
<td style="background-color:#FFFFFF;" width="217" align="left" valign="top"><a href="[REDIRECTURL]www.universitybusiness.com/toc/default.aspx"><img style="border:none;" src="http://www.universitybusiness.com/mailing/issue_alerts/images/5_09_cover.jpg" alt="[Image:Current Issue]" width="152" height="204" align="top" /></a></td>
</tr>
</table>
<!--End logo table-->
<!--BEGIN content table-->
<table id="content" width="100%" bgcolor="#F2F2F2" cellspacing="16" cellpadding="0">
<tr>
<td style="padding:2px 16px;"><h1 style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;">A Note from the Editor</h1>
<p style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;">Dear Readers,</p>
<p style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;line-height:20px;">Higher education is jumping in the social media pool in a big way. A recent poll by the social media site DIOSA showed that 87 percent of respondents said their institution had a Facebook page. Small wonder then that institutions such as Webster University, American University, and the University of Maryland at College Park, among others, are using social media to reach out to students, faculty and the public. <a style="color:#06315B; font-weight:bold;" href="[REDIRECTURL]www.universitybusiness.com/viewarticle.aspx?articleid=1289">Five Steps to Developing a Powerful Social Networking Strategy</a>, by Fritz McDonald, takes a look at how colleges and universities can create web communities to build relationships of value with their most important constituents.</p>
<p style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;line-height:20px;">In an increasingly litigious society, colleges and universities are open to risks from all corners. Identifying the major risks that might lurk around campus—such as a broken sprinkler system in a residence hall—and then fixing them is the first step in mitigating risk. In <a style="color:#06315B; font-weight:bold;" href="[REDIRECTURL]www.universitybusiness.com/viewarticle.aspx?articleid=1288">Manageable Risk</a>, Susan Gurevitz explains how an Enterprise Risk Management policy takes a holistic, comprehensive, organization-wide approach to identifying, mitigating, and—when necessary—responding to risk situations.</p>
<p style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;line-height:20px;">With today's uncertain economic picture, standardization is one way an institution can get a handle on technology expenditures, while improving the user experience. In <a style="color:#06315B; font-weight:bold;" href="[REDIRECTURL]www.universitybusiness.com/viewarticle.aspx?articleid=1287">Setting the Standard</a>, Michele Herrmann tells how CIOs around the country are cutting costs, reducing maintenance issues, and "driving down complexity" with hardware and software that integrates easily.</p>
<p><img src="http://www.universitybusiness.com/mailing/issue_alerts/images/TimSignature.jpg" width="200" height="39" alt="Tim Goral" /></p>
<p style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;">Editor<br />
University Business<br />
<a style="color:#06315B;" href="mailto:tgoral@universitybusiness.com">tgoral@universitybusiness.com</a></p>
<h2 style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px; color:#000066;padding:0 8px;"></h2></td>
</tr>
</table>
<!--End content table-->
<!--BEGIN product spotlight table-->
<table width="100%" cellpadding="16" cellspacing="10" id="spotlight">
<tr>
<td style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;"><p><strong><a name="productSpotlight" id="productSpotlight"></a><span style="color:#220933; font-size:14px;">Product Spotlight</span></strong></p>
<p> Products and services that may be of interest to your college or university from advertisers in this issue.</p>
<p>For the central office or academic department, <a style="color:#06315B;" href="[REDIRECTURL]www.epsonbrighterfutures.com/UBiz">Epson's</a> lineup of printers and scanners deliver in quality and efficiency. The B-Series printers offer faster paper printing, while saving on ink costs, and cut down on paper usage with automatic double-sided printing, while WorkForce Printers print, copy, scan, and fax and have built-in Wi-Fi and Ethernet networking. <br />
<a style="color:#06315B;" href="[REDIRECTURL]www.epsonbrighterfutures.com/UBiz">www.epsonbrighterfutures.com</a></p>
<p style="border-top:dashed 1px #999999;">A campus bookstore should reflect the distinct values, mission and identity of each institution. That's why <a style="color:#06315B;" href="[REDIRECTURL]www.fheg.follett.com">Follett</a> operates as a transparent partner, promoting your identity, not its own.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.fheg.follett.com">www.fheg.follett.com</a></p>
<p style="border-top:dashed 1px #999999;"><a href="[REDIRECTURL]www.elmousa.com/seeingisbelieving" target="_blank" style="color:#06315B;">Elmo's</a> new P30S document camera features a 16X optical zoom, a built-in LCD monitor, and full-motion video recording at 30 frames per second.<br />
<a href="[REDIRECTURL]www.elmousa.com/seeingisbelieving" target="_blank" style="color:#06315B;">www.elmousa.com</a></p>
<p style="border-top:dashed 1px #999999;"><a style="color:#06315B;" href="[REDIRECTURL]www.datatel.com/look" target="_blank">Datatel</a> is changing everything from student life and enrollment management to fundraising and system administration with the next generation in enterprise resource planning systems. Higher education has never looked better.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.datatel.com/look " target="_blank">www.datatel.com</a></p>
<p style="border-top:dashed 1px #999999;">Saving money never gets old. Even at 75, <a style="color:#06315B;" href="[REDIRECTURL]www.eandi.org" target="_blank">Educational & Institutional Cooperative Purchasing</a> still maintains a promise to leverage cooperative buying power to secure the best possible price for its members, whether the purchase is chairs, computers or cleaning supplies. <br />
<a style="color:#06315B;" href="[REDIRECTURL]www.eandi.org" target="_blank">www.eandi.org</a></p>
<p style="border-top:dashed 1px #999999;">It is given that millennials expect to have topnotch technology at their college or university. <a style="color:#06315B;" href="[REDIRECTURL]www.alcatel-lucent.com" target="_blank">Alcatel-Lucent</a> is helping higher ed institutions turn their campuses into dynamic learning environments that deliver in bandwidth, wireless access, and campus-wide video, as well as simplify network management and increase protection against viruses and hackers. Learn how to give students a unique<br />
learning experience. <br />
<a style="color:#06315B;" href="[REDIRECTURL]www.alcatel-lucent.com" target="_blank">www.alcatel-lucent.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;">Need help with watching your carbon footprint? <a style="color:#06315B;" href="[REDIRECTURL]www.govconnection.com" target="_blank">GovConnection</a> provides green IT products and solutions that reduce energy and operating costs, along with boosting everyday efficiency.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.govconnection.com" target="_blank">www.govconnection.com </a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;"><a style="color:#06315B;" href="[REDIRECTURL]www.the21stcenturycampus.com" target="_blank">CDW-G </a>can aid colleges and universities in creating a 21st Century Campus to better prepare students — as well as themselves — for the future. Technology specialists can work with administrators to understand their institutions needs and can customize the right solution. <br />
<a style="color:#06315B;" href="[REDIRECTURL]www.the21stcenturycampus.com" target="_blank">www.the21stcenturycampus.com </a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;">They may not be in the same classroom but they still can remain connected. <a style="color:#06315B;" href="[REDIRECTURL]www.sprint.com/business" target="_blank">Sprint</a> Mobile Solutions allows administrators, faculty, and students instant access to course material, emergency information, and students from virtually anywhere.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.sprint.com/business" target="_blank">www.sprint.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;">See University Business's upcoming <a style="color:#06315B;" href="[REDIRECTURL]www.universitybusiness.com/webseminars">Web seminars:</a></p>
<ul style="line-height:1.5em;">
<li>"Engage and Inspire Them: How to Harness Lecture-Capture Technology to Improve Student Retention, Satisfaction and Grades".<br />
<em>Sponsored by Tegrity. Live Wednesday, May 13, 2-3 p.m. Eastern Standard Time</em>.</li>
<li style="padding-top:5px; padding-bottom:5px;">"Defining and Measuring Green Computing"<br />
<em>Sponsored by HP. Live Wednesday, May 20, 2-3 p.m. Eastern Standard Time.</em></li>
<li>"Bright Green Campus: Saving Money and Energy with Intelligent Building Systems" <br />
<em>Sponsored by Cisco Systems. Live Thursday, May 28, 2-3 p.m. Eastern Standard Time. </em></li>
</ul>
<p>Missed a live event or want to see it again? Archives from the past 12 months are available.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.universitybusiness.com/webseminars">www.UniversityBusiness.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;">Enrollment, Retention and Advancement: It's your formula for success, and its <a style="color:#06315B;" href="[REDIRECTURL]www.jenzabar.com">Jenzabar's</a> promise to help you exceed the highest expectation of applicants, students, alumni and friends, faculty and staff. Let Jenzabar help you achieve operational excellence across the campus from Admissions to Advancement.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.jenzabar.com">www.jenzabar.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;">Total solutions for higher education. <a style="color:#06315B;" href="[REDIRECTURL]www.salliemae.com/solutions1">Sallie Mae</a> offers a suite of business office solutions tailored to meet your needs, with flexible products, professional services and industry leading knowledge. <br />
<a style="color:#06315B;" href="[REDIRECTURL]www.salliemae.com/solutions1"> www.salliemae.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;">Excellence is affordable. Financier from <a style="color:#06315B;" href="[REDIRECTURL]www.wolffpack.com">WolffPack</a> offers superior financial aid functionality, the convenience and cost efficiency of web-based technology, and easy integration with your core administrative system. <br />
<a style="color:#06315B;" href="[REDIRECTURL]www.wolffpack.com">www.wolffpack.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;">With <a style="color:#06315B;" href="[REDIRECTURL]www.touchnet.com/ucommerce/ucommerce.htm">U.Commerce</a> from TouchNet you'll never lose sight, or control, of your campus commerce. Save money, make money, and manage money—without cutting corners.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.touchnet.com/ucommerce/ucommerce.htm">www.touchnet.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;">SAINT Students from <a style="color:#06315B;" href="[REDIRECTURL]www.globalfas.com/solutions_saintstudenthostedfinancialaidsoftware.htm">GlobalFAS</a> is a hosted financial aid application, counseling and document collection solution used by students at or online campuses. SAINT enables 7:1 student to counselor ratio to improve campus efficiency.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.globalfas.com/solutions_saintstudenthostedfinancialaidsoftware.htm">www.globalfas.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;">Advances in AV technology are transforming classrooms and campuses across the globe. <a style="color:#06315B;" href="[REDIRECTURL]www.infocommshow.org">InfoComm 09</a> has all the information you need on distance learning, classroom audio, digital projection, interactive media systems, video conferencing and more.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.infocommshow.org">www.infocommshow.org</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;"><a style="color:#06315B;" href="[REDIRECTURL]www.educommconference.com">EduComm 2009:</a> Visionary thinking, practical solutions. Top notch presenters, key industry executives and campus leaders from throughout the U.S. join forces to debate and discuss the most important technology challenges and opportunities facing higher education today.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.educommconference.com">www.educommconference.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;">The <a style="color:#06315B;" href="[REDIRECTURL]www.wimba.com/learnmore">Wimba</a> Collaboration Suite offers a rich array of collaborative tools that ensure the highly personal and dynamic elements of traditional classroom instructions are available, and enhanced, in the online learning environment.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.wimba.com/learnmore">www.wimba.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;"><a style="color:#06315B;" href="[REDIRECTURL]www.LGcommercial.com">LG</a> is changing the face of education with a wide selection of LCD and plasma displays (up to 60 inch class), available to fit your needs. Best of all, with the remote jack pack, all you do is plug and play. <br />
<a style="color:#06315B;" href="[REDIRECTURL]www.LGcommercial.com">www.LGcommercial.com </a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;"><a style="color:#06315B;" href="[REDIRECTURL]www.crestron.com/digitalmedia">Crestron DigitalMedia</a> answers the challenges of tomorrow, today. The digital age is here, and many of the analog products you are now using may no longer work. Crestron DM is a complete family of products that manages, controls and distributes all analog and uncompressed HD digital content over twisted pair or fiber.<br />
<a style="color:#06315B;" href="[REDIRECTURL]www.crestron.com/digitalmedia">www.crestron.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;"><a href="[REDIRECTURL]www.panasonic.com/ncp" target="_blank" style="color:#06315B;">Panasonic</a> introduces our latest Enhanced Communications Solution. Our new Network Communication Platform is an all-in-one solution for communication, collaboration and monitoring that's cost-effective, enhances productivity and can <br />
be customized.<br />
<a href="[REDIRECTURL]www.panasonic.com/ncp" target="_blank" style="color:#06315B;">www.panasonic.com</a></p>
<p style="border-top:dashed 1px #999999; padding-top:5px;">Reimagine the way your students learn to read. <a style="color:#06315B;" href="[REDIRECTURL]www.pearsonschool.com/irareimagine" target="_blank" >Pearson</a> offers research-based literacy programs that support teachers and build a solid academic foundation for students at every level. <br />
<a href="[REDIRECTURL]www.pearsonschool.com/irareimagine" target="_blank" style="color:#06315B;">www.pearsonschool.com</a></p></td>
</tr>
</table>
<!--END product spotlight table-->
<!--BEGIN footer table-->
<table id="footer" border="0" cellpadding="0" cellspacing="0" bgcolor="#F5F5F5" style="border-top:solid #D3D3D3 1px;">
<tr>
<td style="font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#000033;background-color:#f0f4f7; padding:8px;">To make sure you get your University Business emails, add enewsletter@educatorsportal.com to your address book.<br />
This message was mailed to [EMAIL] as a University Business online subscriber. <a style="color:#000033;" href="[UNSUBURL]">Unsubscribe</a> from with this mailing. The publishers of University Business do not share, sell, or rent e-mail addresses collected from our subscribers. University Business is the magazine for university presidents, business officers and top higher education executives. If you are not receiving University Business, and wish to, <a style="color:#000033;" href="http://www.universitybusiness.com/subscriptions/print_sub.aspx">complete our short application</a> and we will review your eligibility to receive a free subscription.</td>
</tr>
<tr>
<td style="font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#000033; padding:10px;">Published by:<a style="color:#333333;" href="[REDIRECTURL]www.universitybusiness.com">University Business</a>, 488 Main Ave., Norwalk, CT, 06851 </td>
</tr>
</table>
<!--END footer table--></td>
</tr>
</table>
<!--End wrapper table-->
</body>
</html>
ASKER
Hi Neil.
Thanks for responding. I don't know where I went wrong and was hoping someone could point out specific code that should be changed or added.
Sharon
Thanks for responding. I don't know where I went wrong and was hoping someone could point out specific code that should be changed or added.
Sharon
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi Bradley,
Thanks again for your input and I apologize for taking so long to get back to you. I decided to forget about the issue in Outlook and keep as is.
You embedded the dash style in the email and that might work in some email clients, but what I have read shows that some don't recognize embedded styles. Has that changed?
Anyways, thanks for the input.
Sharon
Thanks again for your input and I apologize for taking so long to get back to you. I decided to forget about the issue in Outlook and keep as is.
You embedded the dash style in the email and that might work in some email clients, but what I have read shows that some don't recognize embedded styles. Has that changed?
Anyways, thanks for the input.
Sharon
Hi,
I have read somewhere on the internet. Somehow this could help your css problem.
Have u tried to add: "border-collapse: collapse" inside your <td> tag?
Greet, N.
I have read somewhere on the internet. Somehow this could help your css problem.
Have u tried to add: "border-collapse: collapse" inside your <td> tag?
Greet, N.
I have literally just ran into the same problem.
Outlook 2007 strips off everything from inside your head tag which means that no style instruction will get through. After a bit of research and help from this forum I discovered an alternate method for styling emailed html.
Take a look at how I embedded the style info into the newsletter shown bellow. Hope you can use this info to re create yours. Good luck
Open in new window