0

私は多くの質問をしてきましたが、皆さんは素晴らしかったです。ナビで困っていることが2つあります。

1) まず、NAV は全体に及んでいません。2) 何らかの理由で、[サービス] の下のドロップダウンはすべてのリンクを収めるのに十分な長さになっていますが、[私たちについて] の下の [写真クレジット] はそうではありません。

リンクは次のとおりです 。 http://matthewtbrown.com/jeffandcricketquilt/index2.html

nav li {
    font-family: 'bitterregular';
    font-size:16px;
}

nav ul {
    background: #000; /* Old browsers */
    list-style: none;
    position: relative;
    display: inline-table;
}

nav ul:after {
    content: ""; clear: both; display: block;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
}

nav ul li {
    float: left;
    color:#fff;
}

nav ul li:hover a {
    color:#FFF;
}

nav ul li a {
    display: block;
    padding: 10px 40px;
    color:#FFF;
    text-decoration: none;
}

nav ul ul {
    background: #FFF;
    border-radius: 0px; 
    padding: 0;
    position: absolute; 
    top: 100%;
}

nav ul ul li {
    float: none; 
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-color:#FFF;                  
    position: relative;
    background-color:#000;
    font-size:12px;
}

nav ul ul li a {
    padding: 8px 40px;
    color:#FFF;             }   
    nav ul ul li a:hover {
    background-color:#000;
    color:#999;
}

nav ul  li a:hover {
    background-color:#000;
    color:#999;
}

nav ul ul ul {
    position: absolute; left: 100%; top:0;
}
4

2 に答える 2

1

あなたの<nav>要素が実際には全幅に広がっているように見えますが、そうnav ulではありません。

削除するdisplay: inline-table;と、全幅に広がります。これにより、「写真クレジット」リンクも修正されるはずです。

于 2013-04-25T19:09:09.910 に答える
0

display: inline-table;から を取り外しnav ulます。これで両方の問題が解決するはずです。:)

于 2013-04-25T19:10:50.513 に答える