can any one see why the drop down links are off to the left? http://altadorcup.sketchedneo.com/testing/
如果您在游戏向导上徘徊, 请注意左侧的下方链接框, 而不是中间 。
我不确定需要哪个Cs, 所以在张贴所有下调的菜单cs
所以,我想,文字对齐左侧,但框S对齐中间,如果有人看到这个问题吗?
#navigation ul {
padding:10px 1px 1px 1px;
margin: 0;
list-style: none;
float:middle; text-align:left;
}
#pad{padding:0px 0px 0px 45px;}
#navigation li {
float: left;
position: relative;
}
#navigation a{
display:block;
color:#fff;
text-decoration:none;
padding:0px 10px;
}
#navigation ul ul{
position:absolute;
left:-999em;
height:auto;
z-index:497;
width:129px;
font-weight:normal;
margin:0;
line-height:1;
border:0;
background:#8c8c8c;
padding: 2px; border:1px solid #ffffff; border-top:1px solid #ffffff;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
}
#navigation ul ul ul {
position:absolute;
left:-999em;
height:auto;
width:129px;
font-weight:normal;
margin:0;
line-height:1;
border:0;
background:#8c8c8c;
padding: 2px; border:1px solid #ffffff; border-top:1px solid #ffffff;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
z-index:497;
}
#navigation li li {
width:99px;
font-weight:bold;
font-family:helvetica,sans-serif;
}
#navigation li li a {
padding:4px 10px;
width:100px;
font-size:12px;
color:#fff;
}
#navigation li ul ul {
margin:0px 0 0 0px;
}
#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background:#8C8C8C; }
#navigation a:link,#navigation a:visited, #navigation a:active {
color: #fff;
font-weight: normal;
text-align: left;
text-decoration: none;
}
#navigation a:hover {
color: #000;
font-weight: normal;
text-align: left;
text-decoration: none;
}