Igaloglog

やりたいことは、文字数の横幅に合わせてリストの横幅も決定されて欲しい、ということです。
こんな感じ。

各リストで文字数ばらばらだから横幅違うでしょ？

<ul>
<li><a href="#">このサイトについて</a></li>
<li><a href="#">お問い合わせ</a></li>
<li><a href="#">リンク</a></li>
</ul>

ul li {
	float: left;
	background: url(img/navi.gif) no-repeat;
	height: 37px;
	margin: 5px 0 0 10px;
}
	ul li a {
		display: block;
		background: url(img/navi_b.gif) no-repeat right top;
		height: 31px;
		padding: 6px 10px 0;
	}

やってることは、横幅を指定してないってだけで普通の指定と変わりません。
IE6以外はこれでうまくいきます。
しかし、IE6だと、こんなことになってしまいます。

でろーん。なんでやねんこれは仕様ですかIE6さんｺﾉﾔﾛ。
解決策は続きからどうぞ。
続きを読む »

ショッピングサイトなんか作る場合は、3カラムで中央可変っていうのもいいかもしれないですねぇ。最近は画面幅広がってきてますし。

参考にさせていただいたのはこちら
3カラムレイアウトで、中央を可変にする（リキッドレイアウト）
ありがとうございます。

なんか説明を読んでもよくわからないんですが、floatしたボックスのマージンの値を自身の幅以上にマイナスにすると、HTMLの記述順で上に書かれているボックスに重なる、という現象を利用しているようです。
図にすることこんな感じですか？よくわかりません。

続きを読む »

つまり、こういうことです。

普通にテーブルがあって、マウスが乗っかった行の背景色が変わります。
今どこ見てるのかっていうのがわかりやすくていいですな。
長ーい表を見ているうちにゲシュタルト崩壊起こさないためにも、こういう細かい配慮は欲しいところです。

んで、こういう動作的なものは、ajaxとかjavascriptとかそういう小難しいプログラムを使ってやってるんだと思ってましたが、実はCSSの:hoverでやっているらしく。今頃知りました。
続きを読む »