zenith: 2005年6月アーカイブ

現在(2005/06/30)の MovableType 用のテンプレートは Dr.Blog 様で配布している物を利用させて頂いている。
青と白と黒の組み合わせが好みに合っていてかっこいいのだ。
不満は LI 要素内のインライン要素がセンタリングされてしまう点。
箇条書きがセンタリングされるのは見辛い、と思うのだ。

まずは文章構造は確認。
Netscape 付属の Composer で見るとこうなっている。

本文に当たる構造は以下のようになっている事が分かる。 body > div#container > table > tr > td > div#center > div#content > p

次に該当箇所の CSS を確認。

#center
{
	float: left;
	text-align: center;
	width: 500px;
	overflow: hidden;
}

そのまんま、text-align: center; が子要素に継承されていた様子。
そして P 要素など、その都度 text-align: left; とされている。
ぱっと見、デフォルトでセンタリングされている箇所はヘッディングとテーブルのキャプションぐらいな物だが、何か隠された意図があるのかしら…。

この箇所をコメントアウトし、ついでに気になる部分も修正して今回は終了。

3日坊主にならない為にこれだけは守っておこう。

  • できるだけ完結に
  • 気が付いたらすぐに書き留める
  • 間違っていた事は追記で訂正する事
  • 読み返さない

最後のは覚え書きの意味がないのでは…という気もするが、
一度チェックしだすと再現なく修正、再度確認が繰り返され面白くない。
それに書く事が一番大事。
しかし、キーボードのタイピング感覚だけ残りそうだ…。

チェックとテスト、これは全ての作業共通の重要事項。
小学生のテストにしても会社にしても軍隊にしても
欠かす事があってはならない作業。
自分も見習う事!