我目前正在尝试重新设置一些表格的样式,只有在完成单独的 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>