麦メモ

生後5日目。
早くも目が開きだした子もいたり。


そして、そんな子猫たちを凝視する成猫たちの図。

手前はお母さん猫です。

お産は予定がかなりはずれて今朝から始まりました。
最初の子が朝の5時半、最後の子は午後3時半頃生まれました。
クラシックタビー2匹・ティックドタビー2匹。計4匹。

スポットの子は生まれなかったけど、みんなとってもかわいいです。

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

さて、5月に入りまして
3月に来たこまちがあと1週間ほどで出産という時期になりました。

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

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

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

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

今回の場合は"line-height"の指定のみ解決することができた。