まりふのひと

はてなダイアリーで表のインデント(右寄せ)を試行した

 ブログを書いていて、表をチョッとインデント(右に寄せる)したい‥‥ と思うことが多々あるが、出来ないものと思い「中央揃え」していた。ところがある Webページのソースに“<p style="margin-left: 4px">”というコードを見つけ、試してみた。

§1.何も指定しない
  • コード
    1. <table>
    2. <tr><th>タイトル</th></tr>
    3. <tr><td>データ</td></tr>
    4. </table>
  • 結果

タイトル
データ

§2.中央揃え
  • コード
    1. <table align=center>
    2. <tr><th>タイトル</th></tr>
    3. <tr><td>データ</td></tr>
    4. </table>
  • 結果

タイトル
データ

§3.インデント(右寄せ)する(divタグを使う)
  • コード
    1. <div style="margin-left:48px"><table>
    2. <tr><th>タイトル</th></tr>
    3. <tr><td>データ</td></tr>
    4. </table></div>
  • 結果

タイトル
データ

今日の結論

  1. pタグ*1 divタグに続けて tableタグを記述しないと効果ない。
     改行することで タグが終わってしまうようだ。
  2. はてな記法で表が作れなくなった。コードミスか 副作用か...
     → その後、</p> の記述漏れであることがわかった。
  3. インデント量はこれから試行する。

追記(2014.08.20)

 はてな記法のテーブルでは、<div style="margin-left:48px">〜</div> で‥‥

定数 内容
vbEmpty 0 Empty 値 (未初期化)
vbNull 1 Null 値 (無効な値)
vbInteger 2 整数型 (Integer)
vbLong 3 長整数型 (Long)
vbSingle 4 単精度浮動小数点数型 (Single)
vbDouble 5 倍精度浮動小数点数型 (Double)
vbCurrency 6 通貨型 (Currency)
vbDate 7 日付型 (Date)
vbString 8 文字列型 (String)
vbObject 9 オブジェクト
vbError 10 エラー値

上手くできた。

*1:2019-03-28現在、今のはてなブログ/デザインでは効かなかったので、divタグに変えた。