0

私は自分のサイトに何でもスライダーをインストールし、ナビゲーションを次のようにタブ化しようとしています: http://www.echappee-laine.fr/

CSS を更新してタブを作成しましたが、1) リンクがボックス全体をカバーしておらず、2) これを行ったので、ナビゲーションがそうではないため、何が問題だったのかを理解しようと頭を悩ませています。応答します。( http://beta.harvest-express.com )

何かご意見は？

/* Navigation buttons, default state */
.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
    background: #777;
    color: #000;
}

/* Navigation buttons, active state */
.anythingSlider.activeSlider .anythingControls ul a.cur, 
div.anythingSlider.activeSlider .anythingControls ul a {
    background-color: #7C9127;
}

/* Navigation Links */
.anythingSlider .anythingControls { 
    position:absolute; 
    top:0; 
    left:0px; 
    list-style:none; 
    padding:0; 
    margin:0; 
    width:235px; 
    z-index: 20; 
}

.anythingSlider .anythingControls ul {
    margin: 0; 
    padding: 0; 
    float: left; 
}

.anythingSlider .anythingControls ul li { 
    display: block; 
    height: 75px; 
    width: 235px; 
    border:1px solid #ccc; 
    background-image: url(.../transparant.png);
}

.anythingSlider .anythingControls ul a {
    font: 11px/18px Georgia, Serif;
    display: inline-block;
    padding: 2px 8px;
    text-decoration: none;
    line-height: 75px;
    background-image: url(../images/default.png);
    background-position: center -288px ;
    background-repeat: repeat-x;
    text-align: center;
    outline: 0; 
}

.anythingSlider .anythingControls ul a:hover {
    background-image: none;
}
4

1 に答える 1

0

1) リンクがボックス全体をカバーしていない

タグをdisplay: inline-block設定しました。aそのようにする必要がある特定の理由がない限りdisplay: block、リンクを展開して含まれている を埋めることができるように変更しますli。width: 100%または、そのルールに を追加することもできます。

2）これを行ったので、ナビゲーションが応答しません

anythingControlsdivに 235px の明示的な幅が設定されています。

于 2013-03-02T18:40:02.030 に答える