誰か教えてくだしあ＠cssのプルダウンメニュー
2010年9月23日 つぶやきなう コメント (5)まずcssが
ul#pulldown-menu {
list-style: none;
margin: 0;
padding: 0;
}
ul#pulldown-menu {
margin: 0px; /* ul内部の左端余白を消す(IE) */
padding: 0px; /* ul内部の左端余白を消す(Fx,Op) */
}
ul#pulldown-menu li {
list-style-type: none; /* 先頭記号を消す */
float: left; /* リスト項目を横方向に並べる */
margin: 0.3em 0.1em; /* 各項目周囲の余白 */
border: none; /* 項目の枠線 */
padding: 0px; /* 枠線と内容の距離をゼロに */
}
/* メニュー項目のリンクを装飾 */
ul#pulldown-menu li a {
text-decoration: none; /* 下線を消す */
display: block; /* ブロックレベルに */
padding: 0.3em; /* 内部の余白 */
}
ul#pulldown-menu li a:hover {
background-color: green; /* 背景色 */
color: white; /* 文字色 */
}
ul#pulldown-menu a {
color: #FFFFFF;
text-decoration: none;
}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
background: #3366FF;
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
background: #FF9933;
}
ul#pulldown-menu li {
float: left;
position: relative;
margin: 0 0.5em;
width: 9em;
height: 2em;
font-weight: bold;
line-height: 2em;
}
ul#pulldown-menu li a {
display:block;
width:9em;
height:2em;
text-align: center;
}
/* 下層のメニューを不可視に */
ul#pulldown-menu ul {
display: none;
}
/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
display:block;
position:absolute;
z-index:100;
}
ul#pulldown-menu li ul li {
float: none;
margin: 0;
font-weight: normal;
}
p.aftermenu {
clear: left;
}
でhtmlものせようとしたらDN補正でだめだったから省略。おそらく問題なのはcssのはずｗｗｗｗ
hoverしたときにプルダウンが出てこないっていうｗｗｗｗ誰か教えてーくださーいー
ul#pulldown-menu {
list-style: none;
margin: 0;
padding: 0;
}
ul#pulldown-menu {
margin: 0px; /* ul内部の左端余白を消す(IE) */
padding: 0px; /* ul内部の左端余白を消す(Fx,Op) */
}
ul#pulldown-menu li {
list-style-type: none; /* 先頭記号を消す */
float: left; /* リスト項目を横方向に並べる */
margin: 0.3em 0.1em; /* 各項目周囲の余白 */
border: none; /* 項目の枠線 */
padding: 0px; /* 枠線と内容の距離をゼロに */
}
/* メニュー項目のリンクを装飾 */
ul#pulldown-menu li a {
text-decoration: none; /* 下線を消す */
display: block; /* ブロックレベルに */
padding: 0.3em; /* 内部の余白 */
}
ul#pulldown-menu li a:hover {
background-color: green; /* 背景色 */
color: white; /* 文字色 */
}
ul#pulldown-menu a {
color: #FFFFFF;
text-decoration: none;
}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
background: #3366FF;
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
background: #FF9933;
}
ul#pulldown-menu li {
float: left;
position: relative;
margin: 0 0.5em;
width: 9em;
height: 2em;
font-weight: bold;
line-height: 2em;
}
ul#pulldown-menu li a {
display:block;
width:9em;
height:2em;
text-align: center;
}
/* 下層のメニューを不可視に */
ul#pulldown-menu ul {
display: none;
}
/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
display:block;
position:absolute;
z-index:100;
}
ul#pulldown-menu li ul li {
float: none;
margin: 0;
font-weight: normal;
}
p.aftermenu {
clear: left;
}
でhtmlものせようとしたらDN補正でだめだったから省略。おそらく問題なのはcssのはずｗｗｗｗ
hoverしたときにプルダウンが出てこないっていうｗｗｗｗ誰か教えてーくださーいー
コメント