0

我目前正在尝试重新设置一些表格的样式，只有在完成单独的 CSS 和 HTML 文件后，我才意识到当我尝试引用另一个外部样式表时，我们的 CMS 工具变得疯狂。我环顾四周，似乎有些人建议使用 iframe 来处理这个问题，但如果可能的话，我不希望这样做。

我认为需要使用内联样式标签，但我不确定如何使用内联代码重新创建其中的一些内容。有什么建议么？

编辑：我已经用内联版本更新了下面的代码。我知道这很混乱，但到目前为止还没有其他选择。我现在遇到的一个非常大的问题是与 IE7 sigh的兼容性。我希望我可以放弃对该浏览器的支持，但我仍然从 IE7 获得大约 6% 的流量......

关于此时如何确保与 IE7 兼容的任何想法？

<table border="1px" bordercolor="#898A8A" style="height:auto    ; width:520px; border-collapse:collapse;">
    <tr>

        <th colspan="2" style="font-family:'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:25px; background:#000000; padding:3px;zoom:1;"><span style=" color:#FFF; float:left; text-align:center; padding-left:54px;zoom:1;">Title 1</span><span style=" zoom:1;color:#FFF; padding-left:65px;">Title 2</span><span><div style=" zoom:1;display:inline-block; border-bottom:15px solid transparent; border-right: 15px solid white; position:relative; left:4px; top:-4px; float:top; float:right;"></div></span></th>
    </tr>
    <tr style=" background:#d1d3d4;">
        <td style="width:190px; font-family:'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 9px 10px 10px;">Content1</td>
        <td style="width:310px; font-family:'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 9px 10px 10px;">Content2</td>
    </tr>
    <tr style="background:#ffffff;">
        <td style="width:190px; font-family:'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 9px 10px 10px;">Content3</td>
        <td style="width:310px; font-family:'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 9px 10px 10px;">Content4</td>
    </tr>
    <tr style=" background:#d1d3d4;">
        <td style="width:190px; font-family:'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 9px 10px 10px;">Content5</td>
        <td style="width:310px; font-family:'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 9px 10px 10px;">Content6</td>
    </tr>
    <tr style="background:#ffffff;">
        <td style="width:190px; font-family:'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 9px 10px 10px;">Content7</td>
        <td style="width:310px; font-family:'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 9px 10px 10px;">Content8</td>
    </tr>
    <tr style=" background:#d1d3d4;">
        <td style="width:190px; font-family:'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 9px 10px 10px;"><div style="display:inline-table;margin-bottom:-23px;">Content9</div><span><div style="border-top:15px solid transparent;  
        border-left:15px solid #898A8A; position:relative;float:left;right:11px;top:14px;"></div></span><span><div style="border-top:15px solid transparent;  
        border-left:15px solid white; position:relative;float:left; right:26px;top:15px;"></div></span>                 
        </td>

        <td style="width:310px; font-family:'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 9px 10px 10px;;"Content10</td>
    </tr>

4

0 回答 0