0

そのようなcss：

div.partnersheader{
    width:930px;
    height:27px;
    border-bottom:1px solid #030304;
    font-family:Bebas;
    color:#ffffff;
    font-size:15pt;
    padding:3px 0px 0px 10px;
}

div.partnerscontent{
    width:100%;
    height:127px;
    color:#ffffff;
    font-size:15pt;
    padding:3px 0px 0px 10px;
    overflow:hidden;
}

div.partnerscontent ul{
    list-style:none; margin:0px; padding:0px; overflow:hidden; width:100%;
}

div.partnerscontent li{
    float:left; margin-left:20px;
}

div.partnerscontent li img{
    filter: url(../sources/grayscale.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
     -moz-transition:all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

div.partnerscontent li img:hover{
    filter: none;
    -webkit-filter: grayscale(0);
}

htmlは

    <div class="partners">
            <div class="partnersheader">
                Partnerzy
            </div>
            <div class="partnerscontent">
                <ul>
                <marquee onMouseOver="this.stop()" onMouseOut="this.start()">

<li>
<a href="http://www.cs-kontener.pl" target=_blank><img src="images/ck.png" border="0"  /></a>
</li>

<li>
<a href="https://www.facebook.com/Zajeb.Basem?fref=ts" target=_blank><img src="images/zb.png" border="0"  /></a>
</li>

<li>
<a href="https://www.facebook.com/pompeczkamp3" target=_blank><img src="images/pmp3.png" /></a>
</li>

<li>
<a href="http://www.facebook.com/PozitiveSound" target=_blank><img src="images/pozitiw.png" /></a>
</li>

<li>
<a href="http://www.club-sound.pl/" target=_blank><img src="images/clubsound.png" /></a>
</li>               </marquee>
                </ul>
            </div>
        </div>

パートナーのコンテンツにはマーキー効果のある画像が配置されており、画像は 3 つしか表示されず、残りはその 3 つの下の行に移動しますが、次のようにすべてを 1 行にまとめたいと考えています。

1 2 3 4 5 6 7

今のような

1 2 3

4 5 6

7 8 9

幅があると思いますが、抜け道が見つかりません。誰か助けてもらえますか？

4

1 に答える 1

0

LIs の幅を合計してから、それに応じて幅を設定する必要がありますUL(ピクセル単位。100% は答えではありません)。overflow:hiddenリストがコンテナーよりも広い場合、UL のコンテナーが必要です。

HTML を表示していないので、これが私の推測です。

于 2012-12-18T17:28:06.800 に答える