はてなとテーブル

はてなでTABLEを使って見栄え良く横並びをしてみようと試してみるが効率が悪い。この場合、DVIかPタグをCSSでインライン要素扱いに要素としてくくった方が良いのかもしれない。

どうも、このテーマに使われているCSSをもっとカスタマイズしたほうが良さそう。デフォルトでTABLEにborderが出ないように出来るか試行錯誤。

• 今時の見たい買いたい作品総まとめ
  • G-toolsのマイショップ版

おすすめ
	映画

• • １から作成版

パッション ジム・カビーゼル	キング・アーサー ディレクターズ・カット版 ネッド・ダウド	アイ ロボット 通常版 ウィル・スミス
真珠の耳飾りの少女 豪華プレミアム限定版 ピーター・ウェーバー	LOVERS	ハリー・ポッターとアズカバンの囚人 特別版 アルフォンソ・キュアロン
ヴァン・ヘルシング コレクターズ・エディション ヒュー・ジャックマン	バイオハザード II アポカリプス デラックス・コレクターズ・エディション

TABLEに関するCSSといえばこのあたり。ああ、borderかかっている。

table {
  border-collapse      :  collapse ;
  border-right      :  solid 1px #ddd ;
  border-left      :  solid 1px #ddd ;
}

td {
  font-size      :  90% ;
  background-color    :  #fff ;
}

table table {
  margin        :  0px ;
  width        :  100% ;
  background      :  url("./moduletitle.gif") 0 55% repeat-x scroll #e9e9e9 ;
  border        :  solid ;
  border-width      :  1px 0 ;
  border-color      :  #eee #eee #ccc #eee ;
}

table table td {
  padding        :  0px ;
  background      :  transparent ;
}

TABLEに出てくるこのグレーのborderはいったい！？TABLE関連にしか見えないのだが…。おかしい。