現在、いくつかのテーブルのスタイルを変更しようとしていますが、個別の CSS ファイルと HTML ファイルを完成させた後で、別の外部スタイルシートを参照しようとすると CMS ツールが狂ってしまうことに気付きました。周りを見回したところ、この問題に対処するために iframe を提案している人もいるようですが、可能であればそうしたくないです。
私が必要だと思うのは、インライン スタイル タグを使用することですが、インライン コードでこのようなものを再作成する方法がわかりません。助言がありますか？
編集:以下のコードをインライン バージョンで更新しました。面倒なのはわかっていますが、これまでのところ、他に選択肢はありません。私が今直面している大きな問題の 1 つは、IE7 sighとの互換性です。そのブラウザのサポートをやめればよかったのですが、まだトラフィックの約 6% を IE7 から取得しています...
この時点で 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>