1

スライドショーの左側にこのスペースがあり、padding:0px と margin:0px を使用してそれを取り除こうとしましたが、少し混乱します

誰でも私を助けてくれませんか ここにサイトへのリンクがあります

http://goo.gl/aS3y1

4

6 に答える 6

1

これを試してみてください#slides

#slides {
    float: left;
    margin: 0;
    padding: 0;
    width: 950px;
}
于 2013-06-06T11:03:53.333 に答える
1 
<div id="slideshow">
<ul id="slides" style="overflow: hidden;">
<li id="content" style="position: absolute; opacity: 1; z-index: 29;">
<li style="position: absolute; opacity: 1; z-index: 30; right: 0px;">
<img src="http://www.pdqmachine.biz/_images/uploads/slide1.jpg" alt="Sea turtle">
</li>
<li style="position: absolute; opacity: 1; z-index: 31; right: 0px;">
<img src="http://www.pdqmachine.biz/_images/uploads/slide2.jpg" alt="Coral Reef">
</li>
<li style="position: absolute; opacity: 1; z-index: 28; right: 0px;">
</ul>
</div>

私はright:0pxliに追加しました

于 2013-06-06T11:03:16.630 に答える
0

クイックフィックス

ul#slides {
    margin-left:-37px;
}
于 2013-06-06T11:04:15.270 に答える
0 
.column-inmiddle {
    width: 138%; remove this or make 100%
}

#slideshow {
    position: relative;
    width: 950px;
    height: 240px;
    margin: 40px auto 0 auto; add this
}

うまくいけば、あなたはあなたが望むものを手に入れるでしょう

于 2013-06-06T11:07:34.663 に答える
0

スタイルを #main2 に挿入すると、これでさらに問題が解決します:)前の DIV にフロートがあり、スライダーがメニューの上にあり、アイテムをクリックできないためです。

#main2 { 
 ....
 clear:both; 
}

そして

#slides {
   float: left;
   padding: 0;
}
于 2013-06-06T11:02:33.413 に答える