0

質問のページは次のとおりです。 http://www.jacobsievers.com/sample.html

Firefox や IE では正しくマイ ナビゲーション バーが表示されますが、Chrome で見ると「ギャラリー」の後に改行があります。誰かが私が何をする必要があるか、コードを変更する必要があるかを理解するのを手伝ってくれるかどうか疑問に思っています. css に nav ul または nav li が含まれていますか?

HTML
(ソース: jacobsievers.com )

CSS
(ソース: jacobsievers.com )

他の人がコードを入れたスクロールボックスを作る方法がわからないので、ここにいくつかのjpgがあります。助けてくれてありがとう。

4

1 に答える 1

1 
nav ul {
text-align: center;
width: 700px;
margin: auto;
word-spacing: 50px;
padding: 0;
font-size: 20px;
}

それを修正する必要があります:)

編集：

    /************************ =Nav ************************/
 nav ul {
    text-align: center;
    width: 700px;
    margin: auto;
    padding: 0;
    font-size: 20px;
}
nav li {
    display: inline;
    margin: auto;
    position: relative;
    top:30px;
    margin-left: 100px;
}

nav li:first-child { margin-left: 0px; }

nav a {
    text-decoration: none;
    color: rgb(50, 140, 204);
    transition: background-color 2s;
    -moz-transition: background-color 2s;
    /* Firefox 4 */
    -webkit-transition: background-color 2s;
    /* Safari and Chrome */
    -o-transition: background-color 2s;
    /* Opera */
    transition: color 2s;
    -moz-transition: color 2s;
    /* Firefox 4 */
    -webkit-transition: color 2s;
    /* Safari and Chrome */
    -o-transition: color 2s;
    /* Opera */
}
nav a:hover {
    background-color: #E0EEEE;
    color: black;
}

jsFiddle- http: //jsfiddle.net/andyjh07/cqZTV/

于 2013-01-23T22:24:58.090 に答える