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さんｺﾉﾔﾛ。
解決策は続きからどうぞ。
続きを読む »

以前、ポップアップウインドウをOnclickでなくclassで開くという記事を書いてました。その中で、

問題点としては、各ポップアップウインドウ毎にサイズやスクロールバーの有無を個別指定できないことです。

とぼやいていたら、うちのケーキ（ケイク）大好きプログラマがサイズ変更可能バージョンを作ってくれました。
さすがだぜ！
続きを読む »

要は、フッターなどでこういうデザインを実現したいときってことです。

text自体は左寄せで、p要素は右寄せ。そいでそのp要素の左側に画像を背景として配置する、ということです。

こいつのHTMLはこうなっています。

<div id="footer">
<p>仙台で働くウェブ屋さんの技術メモ<br />
Copyright (C) 2008 igarashi of MagicalRemix&Co.</p>
<!--/footer--></div>

span や div を使ってみようかとも思いましたが、装飾のためにHTMLに記述増やすのは本末転倒じゃね？と脳内神から神託が下ったので、HTMLはそのままでCSSでどうにかしました。
その分ちょいと迷いましたが、まぁ、わりとあっさり解決できたほうなんじゃないのかな？
続きを読む »