将滑块居中放在主页上

时间:2014-04-03 07:58:13

标签: html slider center

我尝试了一千种东西,但我无法将滑块放在中心位置。 这是网站; http://www.equiphotography.nl/Dreamweaver/index2.html

任何人都可以帮助我吗?

如果有必要,我可以通过电子邮件发送我的HTML代码。

吉尔

5 个答案:

答案 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;

}

可能会有所帮助