顔見せ

生後5日目。
早くも目が開きだした子もいたり。
20080513-1.jpg

そして、そんな子猫たちを凝視する成猫たちの図。
20080513-2.jpg
手前はお母さん猫です。

がんばったね

お産は予定がかなりはずれて今朝から始まりました。
最初の子が朝の5時半、最後の子は午後3時半頃生まれました。
クラシックタビー2匹・ティックドタビー2匹。計4匹。
20080509.jpg
スポットの子は生まれなかったけど、みんなとってもかわいいです。

5月です

どうやら3匹猫の動画ニコニコ動画にアップされたようです。
転載だけど、あまり気にしてないです。
それより多くの人に見てもらえてることが嬉しいですね。

さて、5月に入りまして
3月に来たこまちがあと1週間ほどで出産という時期になりました。
20080501.jpg
こまちの両親はオシキャットとアビシニアンなので、こまち自身はティックドタビーなのです。
お腹の中の子猫が動いているのか、よくお腹がポコポコと波打っています。
GWはどこにも行かず、家で仕事をしながら出産待ちです。
予定では4~6日あたり。

IE7だけ?アンカーのdisplay:blockが効かない

HTML
--------------------------------------------
<dl>
<div onClick=location.href='~'>
<dt><a href="~">サンプルテキスト</a></dt>
<dd>サンプルテキスト</dd>
</div>
</dl>
--------------------------------------------
CSS
--------------------------------------------
dl {
padding: 5px;
}

div {
position: relative;
height: 90px;
}

dt a {
display: block;
}
--------------------------------------------

こんな感じだと"dt a"に指定している"display:block"がちゃんと判断されない?
マウスオーバーでの動作はアンカーテキストの所のみ反応する。
"div"の要素に書き込まれている"onClick=~"も反応なし。

"dl"の高さに指定されている"padding"をなくすか、"div"に指定している"position: relative"を解除すれば、正しく判断されるっぽい。

確認ブラウザ IE7/FireFox/Opera/Safari

IE6での、floatしたボックスの背景が前面にくる問題

floatしたボックスの中のボックスに指定した背景が、そのボックス内にある要素の文字や画像より前に来てしまい、文字や画像が隠れてしまった。
これらしい。

ネットで調べると"width"・"position:relative"・"line-height"の指定で解決できるとのこと。
実際試してみたところ、
width ×
position:relative ×
line-height ○?

今回の場合は"line-height"の指定のみ解決することができた。
1 | 2 | 3 | 4 | 5 | 6