1

我在幻灯片的左侧有这个空间，我尝试通过使用 padding:0px 和 margin:0px 来摆脱它，但它有点弄得更乱

任何人都可以帮助我请这里是该网站的链接

http://goo.gl/aS3y1

4

6 回答 6

1

尝试这个

#slideshow {
        height: 240px;

        margin-left: -40px;
        position: relative;
        width: 950px;
    }
于 2013-06-06T11:02:17.833 回答
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:0px到 li

于 2013-06-06T11:03:16.630 回答
1

试试这个#slides

#slides {
    float: left;
    margin: 0;
    padding: 0;
    width: 950px;
}
于 2013-06-06T11:03:53.333 回答
0

在#main2 中插入样式，这将解决更多问题:) 因为您在之前的 DIV 中有浮动，并且您的滑块位于菜单上方，您将无法单击这些项目。

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

并且在

#slides {
   float: left;
   padding: 0;
}
于 2013-06-06T11:02:33.413 回答
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 回答