「Broken/縦ドロップダウンメニュー」の版間の差分
細編集の要約なし |
細 (23版) |
||
| (同じ利用者による、間の15版が非表示) | |||
| 8行目: | 8行目: | ||
} | } | ||
ul.pulldown_menu_3 { | ul.pulldown_menu_3 { | ||
padding-left:0.5em; /* 内部の余白 */ | |||
} | } | ||
ul.pulldown_menu_3 li { | ul.pulldown_menu_3 li { | ||
position: relative; /* 2段目の位置を指定するため */ | position: relative; /* 2段目の位置を指定するため */ | ||
width: | /* width: 10em; /* リスト項目の幅 */*/ | ||
} | } | ||
ul.pulldown_menu_3 ul { | ul.pulldown_menu_3 ul { | ||
position: absolute; /* 2段目の位置を絶対位置で指定 */ | position: absolute; /* 2段目の位置を絶対位置で指定 */ | ||
left: | left: 8.5em; /* 1段目の幅の分を右へ */ | ||
top: 0px; /* 1段目の上下方向は同じ位置 */ | top: 0px; /* 1段目の上下方向は同じ位置 */ | ||
list-style: none; /* 2段目の先頭記号を消す */ | list-style: none; /* 2段目の先頭記号を消す */ | ||
padding-left: 0px; /* 2段目の左位置を1段目に揃える */ | padding-left: 0px; /* 2段目の左位置を1段目に揃える */ | ||
margin:0; | |||
} | } | ||
ul.pulldown_menu_3 a { | ul.pulldown_menu_3 a { | ||
display: block; /* ブロックレベルに */ | display: block; /* ブロックレベルに */ | ||
text-decoration: none; /* 下線を消す */ | text-decoration: none; /* 下線を消す */ | ||
outline: none; /* 選択時の点線枠線を消す */ | outline: none; /* 選択時の点線枠線を消す */ | ||
} | } | ||
ul.pulldown_menu_3 ul a { | 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 {/* マウスカーソルが乗っている状態 */ | ul.pulldown_menu_3 a:hover {/* マウスカーソルが乗っている状態 */ | ||
background:# | background:#CCCCFF; | ||
} | } | ||
--> | --> | ||
</style> | </style></includeonly> | ||
</includeonly> | |||