0

水平メニュー項目の境界線がどこに来るかを把握しようとしています (順序付けられていないリストに基づいて): http://developers.ttsistemi.com/clive/

私はすべてを試しました。メイン要素とその子に境界線（および場合によっては背景、パディング、マージン）をなし/透明/0に設定しようとしましたが、それでもこの迷惑な境界線が表示されます（ほとんど見えませんが、すべてのメニュー項目の間にあります)。

このサイトは WordPress であり、Required+ 子テーマ (Zurb's Foundation に基づく) を使用しています。

この境界線がどこから来ているかを見つけるのに4時間ほど費やしましたが（Chromeの開発者ツールでCSSを調べました）、行き詰まりました。親テーマによって設定された可能性のあるものはすべて、今ではすべてオーバーライドされているはずです。

4

2 に答える 2

1

1).navbar > li現在設定されているこれらのプロパティを削除するには:

.navbar > li {
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; /* Delete */
border-width: 1px medium 1px 1px; /* Delete */
border-style: solid none solid solid; /* Delete */
border-color: #333333 -moz-use-text-color #333333 #333333; /* Delete */

2）最後<li>は:last-child疑似セレクターを使用して選択されるため、個別に変更する必要があります。そうしないと、最後のメニュー項目に境界線が表示されます。だから削除：

.navbar > li:last-child {
border-right: 1px solid #333333; /* Delete */
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 
            1px 0 0 rgba(255, 255, 255, 0.2); /* Delete */

これは、欠落している境界線/ボックスの影を示すスクリーンショットです

http://img38.imageshack.us/img38/5845/menu2b.jpg

于 2013-02-26T20:06:19.323 に答える
0

私は見てみましたが、どの境界線を削除したいのかわかりません。メニューの境界線かもしれません。ここで見つけました：

.home #container #content-wrapper #access {
   font-family: 'Museo Slab';
   width: 100%;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   background-color: rgba(236, 236, 236, 0.5);
   margin: 0;
   padding: 0;
   text-align: center;
}

app.css の 101 行目で、この境界線を削除すると表示されなくなります。

nav id="access"ダークの答えで、私もそれをチェックしました:幅が間違っていると思います。次のように変更する必要があります:

.eight, .row .eight {
width: 38.66667%;
}

あなたbackground-imageのフッターがテキストを見にくくしているのを見ました。それを削除するか、スペースを追加することをお勧めします。

于 2013-02-27T04:54:15.007 に答える