Expression Webの記事がFrontPageより大きく上回り、今後Expression Webの記事が増えていく見込みのため、ブログのタイトルを変更した。
Microsoft Office FrontPage blog → Expression Web & FrontPage blog
2007年10月04日
CSS適用に関するテーブルの行列選択の問題について
Expression Webには、FrontPageからついている「テーブルオートフォーマット」というものがある。
これを適用すると、タグ自体ではなく、それぞれクラススタイルが生成され、適用されるもの。
この場合、テーブルの行列選択がスムーズになる。
テーブルのオートフォーマットを使わなくても、とりあえずテーブルを挿入し、テーブルのプロパティにて 「隣接するセルの枠線を重ねて表示する」のチェックをつけて、枠線の色を黒に指定、その後その中のセル全体を選択して、 セルのプロパティにて枠線の色を黒に指定すると?
<style type="text/css">
.style2 {
border: 1px solid #000000;
}
.style3 {
border-collapse: collapse;
border: 1px solid #000000;
}
</style>
という具合になる。で、実際のテーブルは
<table style="width: 100%" class="style3">
<tr>
<td class="style2"> </td>
<td class="style2"> </td>
</tr>
<tr>
<td class="style2"> </td>
<td class="style2"> </td>
</tr>
</table>
クラススタイルで適用すると、行列の選択が可能。ただし、.style2を直接td、.style3を直接tableにすると、 行列の選択が思うようにいかなくなってしまうことが判明。
ふむ・・・。


