XHTML电子邮件模板的HTML UL中缺少项目符号
我正在为销售电子邮件构建功能表。当我在浏览器中测试该表时,该表的html呈现没有问题,但当我将其添加到我们的内部CRM时,它将成为xhtml电子邮件模板的一部分。问题是UL列表中的项目符号没有显示在列表中的第一项之后 下面是一个代码在xhtml模板中显示的示例:XHTML电子邮件模板的HTML UL中缺少项目符号,html,css,xhtml,html-lists,html-email,Html,Css,Xhtml,Html Lists,Html Email,我正在为销售电子邮件构建功能表。当我在浏览器中测试该表时,该表的html呈现没有问题,但当我将其添加到我们的内部CRM时,它将成为xhtml电子邮件模板的一部分。问题是UL列表中的项目符号没有显示在列表中的第一项之后 下面是一个代码在xhtml模板中显示的示例: 管理您的约会的新一代远程访问服务 和业务往来,其中包括: 免费安卓&;iOS应用程序 25+份商业报告 提供移动信用卡处理 预约 添加&;编辑客户端和宠物 查看美容注意事项&;客户历史记录 还有更多 这是我的
管理您的约会的新一代远程访问服务
和业务往来,其中包括:
免费安卓&;iOS应用程序
25+份商业报告
提供移动信用卡处理
预约
添加&;编辑客户端和宠物
查看美容注意事项&;客户历史记录
还有更多
这是我的原始代码:
管理
您的约会和业务往来包括:
免费Android和iOS应用程序
25+份商业报告
提供移动信用卡处理
预约
添加和编辑客户端和宠物
查看整理注释和客户端历史记录
还有更多
如果您使用
(有序列表)
您将能够在
将代码更改为:
<p style="font-family:'Arial', 'Helvetica', 'Verdana'; font-size:13px; color:#333333;">Next Generation Remote Access service that manages your appointments and business on the go, which includes:</p>
<ol>
<li>Free Android & iOS apps</li>
<li>25+ Business Reports</li>
<li>Mobile Credit Card Processing Available</li>
<li>Book Appointments</li>
<li>Add & Edit Clients and Pets</li>
<li>View Grooming Notes & Client History</li>
<li>And More...</li>
</ol>
</td>
下一代远程访问服务,可在移动中管理您的约会和业务,包括:
<td style="text-align:left;width:330px;min-height:50px;
border-right:1px solid #cfd0d2;border-bottom:1px solid #cfd0d2;
background-color: #ffffff;border-left:1px solid #cfd0d2;padding: 3px 5px;
border-collapse: collapse;">
<p style="font-family:'Arial', 'Helvetica', 'Verdana'; font-size:13px;
color:#333333;">Next Generation Remote Access service that manages
your appointments and business on the go, which includes:</p>
<ol>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
Free Android & iOS apps</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
25+ Business Reports</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
Mobile Credit Card Processing Available</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
Book Appointments</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
Add & Edit Clients and Pets</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
View Grooming Notes & Client History</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
And More...</li>
</ol>
</td>
<p style="font-family: Arial, Helvetica, Verdana, sans-serif; font-size:13px;
color:#333333;">Next Generation Remote Access service that manages
your appointments and business on the go, which includes:</p>
<ol>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana;">
Free Android & iOS apps</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
25+ Business Reports</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
Mobile Credit Card Processing Available</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
Book Appointments</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
Add & Edit Clients and Pets</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
View Grooming Notes & Client History</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
And More...</li>
</ol>
管理
您的约会和业务往来包括:
免费Android和iOS应用程序
25+份商业报告
提供移动信用卡处理
预约
添加和编辑客户端和宠物
查看整理注释和客户端历史记录
还有更多
将其替换为以下内容:
<td style="text-align:left;width:330px;min-height:50px;
border-right:1px solid #cfd0d2;border-bottom:1px solid #cfd0d2;
background-color: #ffffff;border-left:1px solid #cfd0d2;padding: 3px 5px;
border-collapse: collapse;">
<p style="font-family:'Arial', 'Helvetica', 'Verdana'; font-size:13px;
color:#333333;">Next Generation Remote Access service that manages
your appointments and business on the go, which includes:</p>
<ol>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
Free Android & iOS apps</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
25+ Business Reports</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
Mobile Credit Card Processing Available</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
Book Appointments</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
Add & Edit Clients and Pets</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
View Grooming Notes & Client History</li>
<li style="FONT-SIZE: 13px; FONT-FAMILY: 'Arial', 'Helvetica', 'Verdana'">
And More...</li>
</ol>
</td>
<p style="font-family: Arial, Helvetica, Verdana, sans-serif; font-size:13px;
color:#333333;">Next Generation Remote Access service that manages
your appointments and business on the go, which includes:</p>
<ol>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana;">
Free Android & iOS apps</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
25+ Business Reports</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
Mobile Credit Card Processing Available</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
Book Appointments</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
Add & Edit Clients and Pets</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
View Grooming Notes & Client History</li>
<li style="font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;">
And More...</li>
</ol>
管理
您的约会和业务往来包括:
免费Android和iOS应用程序
25+份商业报告
提供移动信用卡处理
预约
添加和编辑客户端和宠物
查看整理注释和客户端历史记录
还有更多
一个原因可能是您的CMS在CSS内联样式中的Verdana后面缺少分号。我改变了小写的属性,就像它们应该的那样,我还删除了那些网络安全字体的引号以防万一,并添加了一个无衬线回退。让我知道它是否有效。:) 您需要每个项目都是
..
而不是..
。每个
都有一个项目符号,而不是每个
。如果您愿意,您可以在列表项中的一个段落中包装您的内容:书籍约会
,但是列表项是必需的。这是内部软件问题吗?
是的,听起来像是糟糕的软件。@BrianHehir您应该接受答案,或者