cfmail标记中的表

Question

cfmail标记中的表

我是CSS的新手,我正在尝试使用cfmail标签格式化电子邮件.以下是代码:

<cfmail from="ABC@xyz.com"
            to="#InvestigatorEmail#" 
            subject="Reminder #flagReminder#:: Incident Report: #report_number#"> 

            <style>
    BODY {
        PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: ##fff
    }
    BODY {
        FONT-SIZE: 11px; COLOR: ##595959; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    P {
        FONT-SIZE: 11px; COLOR: ##595959; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    LI {
        FONT-SIZE: 11px; COLOR: ##595959; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }

    A {
        COLOR: ##0c479d; TEXT-DECORATION: none
    }
    A:hover {
        BACKGROUND-COLOR: ##d3deed
    }

    table{
            width:100%;
            border-bottom:1px solid ##eee;
            clear:both;
            color:##000;
            margin-bottom:10px;
            FONT-SIZE: 11px; COLOR: ##595959; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
        }
    td {
            padding:3px 4px;
            vertical-align:top;
            border-right:1px solid ##ddd;
            color:##000;
            font-weight:bold;
            margin:0;
        }
    tr.odd {
            background-color:##ffffcb
        }
    td.row-header {
            width:100px;
            font-weight:normal;
        }

    </style>        

The below Incident Report has been assigned to you on     #DateFormat(InvestigationAssigned_tms,"dd-mmm-yyyy")#</br></br>

                <table width="720">
                <tr>
                    <td>Incident Report #</td>
                    <td>Person Involved</td>
                    <td>Incident Description</td>
                    <td>Incident Location</td>
                    <td>Status</th>
                    <td>Investigation Assigned Date</td>
                </tr>
                <tr>
                    <td>#report_number#</td>
                    <td>#NameOfPersonInvolved#</td>
                    <td>#IncidentDescription#</td>
                    <td>#IncidentLocationCity#</td>
                    <td>#reportStatus#</td>
                    <td>#InvestigationAssigned_tms#</td>
                </tr>
                </table>
</cfmail>

Run Code Online (Sandbox Code Playgroud)

所有数据都来自我正在循环的查询,以便向不同的人发送电子邮件.我需要以表格格式显示有关一个人的数据.我不确定我在这里做错了什么,因为这是我第一次尝试在电子邮件中使用HTML/CSS.

Answer 1

Mic*_*umo 5

您需要type="html"在CFMAIL标记上使用该属性.

您可能还需要考虑将HTML内容包装在适当的HTML和Body标记中,就像您通常期望的HTML模板一样.

<cfmail from="ABC@xyz.com"
            to="#InvestigatorEmail#" 
            subject="Reminder #flagReminder#:: Incident Report: #report_number#"
type="html"> 
<html>
<body>
            <style>
    BODY {
        PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: ##fff
    }
    BODY {
        FONT-SIZE: 11px; COLOR: ##595959; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    P {
        FONT-SIZE: 11px; COLOR: ##595959; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    LI {
        FONT-SIZE: 11px; COLOR: ##595959; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }

    A {
        COLOR: ##0c479d; TEXT-DECORATION: none
    }
    A:hover {
        BACKGROUND-COLOR: ##d3deed
    }

    table{
            width:100%;
            border-bottom:1px solid ##eee;
            clear:both;
            color:##000;
            margin-bottom:10px;
            FONT-SIZE: 11px; COLOR: ##595959; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
        }
    td {
            padding:3px 4px;
            vertical-align:top;
            border-right:1px solid ##ddd;
            color:##000;
            font-weight:bold;
            margin:0;
        }
    tr.odd {
            background-color:##ffffcb
        }
    td.row-header {
            width:100px;
            font-weight:normal;
        }

    </style>        

The below Incident Report has been assigned to you on     #DateFormat(InvestigationAssigned_tms,"dd-mmm-yyyy")#</br></br>

                <table width="720">
                <tr>
                    <td>Incident Report #</td>
                    <td>Person Involved</td>
                    <td>Incident Description</td>
                    <td>Incident Location</td>
                    <td>Status</th>
                    <td>Investigation Assigned Date</td>
                </tr>
                <tr>
                    <td>#report_number#</td>
                    <td>#NameOfPersonInvolved#</td>
                    <td>#IncidentDescription#</td>
                    <td>#IncidentLocationCity#</td>
                    <td>#reportStatus#</td>
                    <td>#InvestigationAssigned_tms#</td>
                </tr>
                </table>
</body>

Run Code Online (Sandbox Code Playgroud)

希望这对你有用吗？

另请注意,您的问题可能是由于在电子邮件中使用CSS的复杂性......这总是很痛苦.电子邮件中的CSS支持有限且非常基本.这不是ColdFusion/CFML问题,它只是今天HTML电子邮件的方式.

我建议将CSS移动到HTML标签本身上"内联",因为电子邮件客户端经常会删除STYLE标签.

米奇.

归档时间：	12 年，6 月前
查看次数：	1669 次
最近记录：	12 年，6 月前