「Broken/縦ドロップダウンメニュー」の版間の差分
(ページの作成:「<includeonly><style type="text/css"> <!-- #container { overflow: hidden; width: 500px; margin: 0 auto; } #gnav { float: left; width: 100px; height: 125px; } #gnav...」) |
細 (23版) |
||
| (同じ利用者による、間の22版が非表示) | |||
| 1行目: | 1行目: | ||
<includeonly><style type="text/css"> | <includeonly><style type="text/css"> | ||
<!-- | <!-- | ||
ul.pulldown_menu_2 ul { | |||
display: none; /* 通常は表示しない */ | |||
} | } | ||
ul.pulldown_menu_2 li:hover > ul { | |||
display: block; /* マウスが乗ったら表示する */ | |||
} | } | ||
ul.pulldown_menu_3 { | |||
padding-left:0.5em; /* 内部の余白 */ | |||
} | } | ||
ul.pulldown_menu_3 li { | |||
position: relative; /* 2段目の位置を指定するため */ | |||
/* width: 10em; /* リスト項目の幅 */*/ | |||
} | } | ||
ul.pulldown_menu_3 ul { | |||
position: absolute; /* 2段目の位置を絶対位置で指定 */ | |||
left: 8.5em; /* 1段目の幅の分を右へ */ | |||
top: 0px; /* 1段目の上下方向は同じ位置 */ | |||
list-style: none; /* 2段目の先頭記号を消す */ | |||
padding-left: 0px; /* 2段目の左位置を1段目に揃える */ | |||
margin:0; | |||
} | } | ||
ul.pulldown_menu_3 a { | |||
display: block; /* ブロックレベルに */ | |||
text-decoration: none; /* 下線を消す */ | |||
outline: none; /* 選択時の点線枠線を消す */ | |||
} | } | ||
ul.pulldown_menu_3 ul a {/* 2段目 */ | |||
list-style: none; /* 先頭記号を消す */ | |||
width: 12em; /* リスト項目の幅 */ | |||
border: 1px #AAA solid; /* 枠線 */ | |||
padding-left:0.5em; /* 内部の余白 */ | |||
background:#FFF; | |||
} | } | ||
. | ul.pulldown_menu_3 a:hover {/* マウスカーソルが乗っている状態 */ | ||
background:#CCCCFF; | |||
} | } | ||
--> | --> | ||
</style></includeonly> | </style></includeonly> | ||