0

ある時点で、フローティングリンクリストがインデントになってしまい、最後のリンクが新しい行に移動します（または、divの幅を設定した場合は、の横に表示されますul）。

私は文字通り、この問題をどこから探し始めるのかわかりません。先に進んでウェブサイトにリンクします。そのセクションのHTMLは次のとおりです。

<div id="navigation">
<ul id="navLinks">
    <li><a href="home.html">Home</a></li>


    <li><a href="alston.html">Alston</a></li>


    <li><a href="booking.html">Booking</a></li>

    <li><a href="photos.html" class="lastLink">Photos</a></li>


</ul>
</div>

そして、これがそれに影響を与える唯一のCSSであると私が信じているものです：

#navigation {
   position: relative;
   //width: 210px;
   //height: 600px;
   margin: 2px 0;
   font-size: 90%;
   font-weight: normal;
   clear:both;
   overflow:hidden;
}

//NAVIGATION BAR STUFF
#navLinks {
   list-style-type:none;
   //display:inline;
   margin-left:auto;
   margin-right:auto;
   width: 100%;
   padding:0;
   text-align:center;
   text-decoration: none;
   overflow:hidden;
}

ul#booking {
color:rgb(84, 154, 14);
}

ul#navlinks {
   text-algin: center;
   margin: 0;
   padding: 0;
}

ul#navLinks li { display: inline;
list-style-type: none;
   line-height: 150%;
   margin-right: 10px;
   margin-left: 10px;
   background-color: #fff; }

ul#navLinks li a
{
float: left;
text-align:center;
background-color: #ADF16A;
color: #000000;
text-decoration: none;
border-left: 0px;
border-top: 0;
border-bottom: 0;
border-right: 1px;
border-style: solid;
border-color: #7AE015;
width:161px;
padding:3px 0px;
}

ul#navLinks a:hover
{
   background-color: #CC7A00;
}


ul#navLinks .lastLink{
    border:0;
}
//ul#navLinks a 
//END OF NAVIGATION BAR STUFF

CSS全体はここにあります

ありがとう！

4

2 に答える 2

2

ブラウザのデフォルトで左パディング#navLinksがスローされます（私のcasでは-webkit-padding-start: 40px;）。を定義するpadding-left: 0;と、それがオーバーライドされます。

の 195 行目でこのベースをカバーしましたがstyle1.css、それはul#navlinks {である必要がありますul#navLinks {。

s のスペル チェックを行っていることを確認text-alignし、CSS ファイルでクラスと ID が大文字になっている場合は、それらを大文字にするようにしてください。

于 2012-09-13T15:57:08.013 に答える
1

css リセット ファイルをサイトに追加すると、UL のパディング/マージンに関連する問題が修正されるはずです。

css リセット ファイルは、他の多くの要素の中で、すべての要素のパディングとマージンをゼロに設定します。これにより、必要に応じてすべてを自由にスタイルできます。

http://meyerweb.com/eric/tools/css/reset/

于 2012-09-13T16:03:26.460 に答える