我尝试了一千种东西,但我无法将滑块放在中心位置。 这是网站; http://www.equiphotography.nl/Dreamweaver/index2.html
任何人都可以帮助我吗?
如果有必要,我可以通过电子邮件发送我的HTML代码。
吉尔
答案 0 :(得分:0)
你的问题不是你的滑块,真正的问题是你的IMG。
滑块已经居中,但你的img是830 * 405,或者你的身体是1200。
你明白我的意思吗?为您的滑块选择另一个IMG,您可以更改IMG'宽度当然但它扩展了IMG。
您有两种选择: - 你需要另外的IMG,但1200 * 800或1200 * 450(无论如何,只有1200很重要)。 - 您可以使用Photoshop或其他方式更改IMG。
答案 1 :(得分:0)
请将此行添加到您的css文件
#cp_widget_171752bb-6c39-4448-9bc5-49b0863aa9b6{margin: 0px auto;}
它会很好。
答案 2 :(得分:0)
你必须为幻灯片设置一些css
#cp_widget_171752bb-6c39-4448-9bc5-49b0863aa9b6{
margin: 0 auto;
}
由于您的容器宽度为width: 1200px;
,因此margin: auto
会将幻灯片放在容器中心。希望这对你有所帮助。
答案 3 :(得分:0)
html:
<body>
<div class="container">
....
.........
<div class="flexslider">place the slider</div>
.....
......
</div>
</body>
css:
.container
{
width:1200px;
margin-left:auto;
margin-right:auto;
}
.flexslider
{
margin-left:auto;
margin-right:auto;
}
答案 4 :(得分:0)
删除#cp_widget_171752bb-6c39-4448-9bc5-49b0863aa9b6中的内联样式
并在你的css中添加类
#cp_widget_171752bb-6c39-4448-9bc5-49b0863aa9b6{
margin: 0 auto;
max-width: 830px;
width: 830px;
}
可能会有所帮助