186(Panda)

2004-07-26

[] id:DocSeriさんとこの応用。

tdを固定してpositionを弄るとなかなか良い感じに。

ただ他のtdが上に来る理由が分からない。z-indexの指定はどうした!!

img {border:none;}

table.calendar {
	font-size: 14px;
	position: relative;
	font-family: verdana,monospace;
	text-align: center;
	z-index: 1;
}

table.calendar td {
	width: 15px;
	text-align: center;
	position: relative;
	top:0px; left:0px;
	z-index: 2;
}

td.calendar-prev-month {
	text-align: center;
}

table.calendar td a {
	display: block;
	text-align: center;
	position: relative;
	top: 0px; left: 0px;
	z-index: 3;
}

* html table.calendar td a {
	display: inline;
}

table.calendar td a img {
	width: 13px; height: 13px;
}

table.calendar td a:hover {
	display: block;
}

table.calendar td a:hover img {
	width: auto; height: auto;
	position: absolute;
	top: -5px; left: -5px;
	z-index: 5;
}

[][] メモ 15:53

  • div.mainとdiv.sidebarは余程の理由が無い限りpaddingを指定しない。
  • div.mainとdiv.sidebarに太いborder(20px以上)を設定した場合はOpera7を犠牲にするか、幅固定。
  • やっぱりメールを送ることにする。教えてはてなダイアリーとかに出てきてないから良いんだけど。