0

Anythingslider を Web ページに挿入した後、ページに合わせてスライドショーの幅を調整しようとすると、ページは次のようになります -> http://i.imgur.com/5AlHR.png いじってみましたAnything スライダー CSS を使用しており、私自身もまだ何ができるかわかりません。何か案は？

HTML:

 <div id = "bodyContent-container">
    <div id = "bodyContent">
         <div id = "bands-container">
                <div id = "bands">            
                    <img src="images/slide.jpg" width="960" height="300"/>
                    <img src="images/slide-2.jpg" width="960" height="300" />
                    <img src="images/slide-3.jpg" width="960" height="300"/>
                </div>
         </div>
     </div> 
</div>

CSS:

div#bodyContent-container { 
        width:100%;
        height: 100%;
        min-height:1200px;
        background:#f3f3f3;
        margin: 0 auto;
        padding: 0;
  }
 div#bodyContent {
        width:960px;
        height:100%;
        min-height:1200px;
        margin: 0 auto;
         padding: 0;
        -webkit-box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888;
        -moz-box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888; /* Firefox 3.6 and earlier */
        box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888;
     padding-top: 250px;
   }
   div#bands-container {
         width: 960px;
         height:300px;
         margin: 0 auto;    
         padding: 0;
   }
   div#bands {
         width: 960px;
         height: 300px;
         margin: 0 auto;
         padding-right: 30px;   
   }

ウェブサイトのページ: http://andrewgu12.kodingen.com/graphicDesign ありがとう!

4

3 に答える 3

2

ここで最も編集します: ミニマリスト ラウンド テーマ

オリジナル:

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-minimalist-round {
    margin: 0 auto;
    /* 30px right & left padding for the navigation arrows */
    padding: 0 30px;
}

に ：

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-minimalist-round {
    margin: 0 auto;
    /* 30px right & left padding for the navigation arrows */
    padding: 0;
}
于 2012-11-14T08:10:50.783 に答える
1

... 今

パディング に削除するleftか、right padding:0 30px;

に置き換え 30pxます0

スタイルシート theme-minimalist-round.css の行番号: 25

これをこのようにします 

.anythingSlider-minimalist-round {
    margin: 0 auto;
    padding: 0 ;
}
于 2012-11-14T08:02:41.163 に答える
0

anySlider-minimalist-round クラスのパディング属性を削除するだけです

于 2012-11-14T08:09:14.183 に答える