底表行向右浮动

时间:2017-04-26 03:36:10

标签: html css

我正在使用表格构建电子邮件爆炸。底部表行继续向倒数第二行的右侧。我无法弄清楚原因是什么。那个人可以帮我一把吗?非常感谢提前!



    <html>
    <head>

    <title>Pup Gear</title>
    
    <style>        

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: seperate;
    border-spacing: 0;
    }

    </style>  
    </head>

    <body>
    <table style="width:600px">
   
     <tr>
        <td><a href="mailto:pup@pupgearcorpotation.com" target=_blank><img 
    src="https://s3.amazonaws.com/pup-gear-email-assets/email+top+1.jpg" 
    style="width:600px"</img></a></td>
     </tr>
     
    <tr>
        <td><a href="http://www.doggydocks.com/customer-reviews/" 
    target="_blank"><img src="https://s3.amazonaws.com/pup-gear-email-
    assets/email+top+2.jpg" style="width:600px"></img></a></td>
     </tr>
    
  
    <tr>
        <td><a href="http://pupgearcorporation.com/Customer-Service/Life-
    Vest-Exchange-Program-and-Sizing-Information" target="_blank"><img 
    src="https://s3.amazonaws.com/pup-gear-email-assets/email+bottom+1-
    3.jpg" style="width:600px></img></a></td>
    </tr>
    <tr>
            <td><a href="mailto:sales@pupgearcorporation.com" 
    target="_blank"><img src="https://s3.amazonaws.com/pup-gear-email-
    assets/email+bottom+2-3.jpg"></img><td>  
    
    </table>
        
    </body>
</html>
     
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

第4轮错误。

正确关闭td为/ td。

在第4个td结束前将“a”标签关闭为/ a。

在第4 / td结束后关闭“tr”作为/ tr。