人気ブログランキング | 話題のタグを見る

エキサイトブログでテーブルっぽいレイアウトで記事を書く

エキサイトブログではテーブルタグが禁止タグになってるんで記事中にテーブルを表示させることができません。

まあ、元々エキブロの記事投稿エディタって超シンプルで画像のアップロードもラクチンなので敢えてHTMLタグを使って記事投稿している人って少数派だとは思いますが・・・

私の場合、記事の見栄えを良くしたいって意味でもテーブルレイアウトは使えれば使いたいところなんですけど・・・ってことでリスト表示の「dl・dt・dd」を使ってテーブルっぽく表示させるレイアウトを考えてみました。
div.POST_BODY_SUB dl {
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;
}
「div.POST_BODY_SUB」ってセレクタは一番人気の「スクエアベーシック」の記事で使われてるセレクタっす。

「dl」で全体を定義して(この例だと罫線で囲む)、「dt」を見出し、「dd」を内容にして横並びにさせてます。

しっかし、dt、ddって融通が効かねーなー。エキブロの場合、記事投稿するときに改行を削除しなきゃならんし、メンドクセー・・・
by killingmoon581 | 2011-12-18 22:33 | エキサイトブログ
<< プレミアム・スーパープレミアム... エキサイトブログのインタレスト... >>
LINK LINK LINK LINK LINK

Page Top