English 中文(简体)
左侧有下降的连接吗?
原标题:Drop down links are off to the left?

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;

}
最佳回答

没有 float: 中间 。 您需要调整您的绝对位置 。

问题回答

它们不是。 框中的文本与左对齐, 而菜单的文本则在中间对齐, 给您一个印象, 即下降的菜单在左边 。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...

热门标签