taku's blog

ASAHIネットのブログで<hr>(水平線)と、<table>(表枠色)を表示させる


ASAHIネットブログ(アサブロ)では hr水平線タグが表示されず、またtableタグの
枠border***系タグ色指定も効かずで、表枠線の色が表示されない。
（公開前確認のプレビューでは表示されるが、公開後Webアクセスでは表示されない）
CSSユーザ編集公開エリア以外のスタイルシートで frame=void や rules=none になってる？
⇒　IE8 / IE9 / FireFox10.0.1 / FireFox11.0.1 / Google Chrome18.0.1025.162 / Opera v11.62.1347 でダメ。
それなりのキーワードでいくらググッても同事象がヒットしない…。顧客満足度は
常時No.1なのに、ブログ運用者が少ないせいか？…

■
<hr>　と次行に入れるも、

---

↑水平線が表示されない

◆
<table border="2" bordercolor="#98FB98" width="50%">
<tr>
<td>ABC</td>
<td>DEF</td>
</tr>
<tr>
<td>UVW</td>
<td>XYZ</td>
</tr>
</table>
と次に入れるも、

ABC	DEF
UVW	XYZ

↑表枠線が表示されない


全面ユーザ開放ではないCSSスタイルシートの変更メニューから特定部分をいじくれ
ばなんとかなるんだろうけど、ベースのスキンCSSの解析が面倒なので手っ取り早く
応急表示させてみる。

tableタグの背景色bgcolorと行背景色tr bgcolorの隙間を使って表枠線の色を
表示をさせる。

■水平線<hr>タグの代替例

<table cellspacing=0 bgcolor="#A9A9A9" width="50%"><td bgcolor="#FF0000"></td></table>
<table cellspacing=1 bgcolor="#A9A9A9" width="50%"><td bgcolor="#FF0000"></td></table>
<table cellspacing=3 bgcolor="#A9A9A9" width="50%"><td bgcolor="#FF0000"></td></table>

<table cellspacing=0 bgcolor="#A9A9A9" width="50%"><td height=1 bgcolor="#FF0000"></td></table>
<table cellspacing=1 bgcolor="#A9A9A9" width="50%"><td height=3 bgcolor="#FF0000"></td></table>
<table cellspacing=3 bgcolor="#A9A9A9" width="50%"><td height=5 bgcolor="#FF0000"></td></table>
<table height=1 cellspacing=0 bgcolor="#A9A9A9" width="50%"><td bgcolor="#FF0000"></td></table>
<table height=3 cellspacing=0 bgcolor="#A9A9A9" width="50%"><td bgcolor="#FF0000"></td></table>
<table height=5 cellspacing=0 bgcolor="#A9A9A9" width="50%"><td bgcolor="#FF0000"></td></table>


◆表<table>タグの枠色表示例


<table cellpadding="0" cellspacing="1" bgcolor="#A9A9A9" width="50%">
<th bgcolor="#7FFFD4" colspan="2" align="center">ABC</th>
<th bgcolor="#7FFFD4" align="center">DEF</th>
<tr>
<td bgcolor="#F0F8FF">X</td>
<td bgcolor="#F0F8FF">Y</td>
<td bgcolor="#F0F8FF">Z</td>
</tr>
</table>

ABC		DEF
X	Y	Z

※ めっちゃ手間…、、、ブログで水平線や表を使うこと自体が間違ってるのかと感じてきた。。。