エキサイトブログでテーブルっぽいレイアウトで記事を書く
まあ、元々エキブロの記事投稿エディタって超シンプルで画像のアップロードもラクチンなので敢えてHTMLタグを使って記事投稿している人って少数派だとは思いますが・・・
私の場合、記事の見栄えを良くしたいって意味でもテーブルレイアウトは使えれば使いたいところなんですけど・・・ってことでリスト表示の「dl・dt・dd」を使ってテーブルっぽく表示させるレイアウトを考えてみました。
div.POST_BODY_SUB dl {「div.POST_BODY_SUB」ってセレクタは一番人気の「スクエアベーシック」の記事で使われてるセレクタっす。
margin:5px;
padding:5px;
border:5px #EEEEEE solid;
}
div.POST_BODY_SUB dl dt {
float: left;
width: 10em;
padding: 10px 0;
font-weight: bold;
text-indent: 1em;
}
div.POST_BODY_SUB dl dd {
padding: 10px 0 10px 10em;
}
「dl」で全体を定義して(この例だと罫線で囲む)、「dt」を見出し、「dd」を内容にして横並びにさせてます。
しっかし、dt、ddって融通が効かねーなー。エキブロの場合、記事投稿するときに改行を削除しなきゃならんし、メンドクセー・・・