Я пробовал тысячу вещей, но я не могу центрировать свой слайдер. Это сайт; http://www.equiphotography.nl/Dreamweaver/index2.htmlЦентр слайдера на домашней странице
Может ли кто-нибудь мне помочь?
Я могу отправить свой HTML-код по электронной почте, если это необходимо.
Jill
Ваша проблема не ваш слайдер, реальная проблема заключается в вашем IMG.
Слайдер уже по центру, но ваш IMG является 830 * 405, или ваше тело 1200.
Вы видите, что я имею в виду? Возьмите еще один IMG для вашего слайдера, вы можете изменить ширину IMG, но он расширяет IMG.
У вас есть 2 варианта: - Вы берете еще одно IMG, но 1200 * 800 или 1200 * 450 (что важно, только 1200). - Вы меняете свои IMG с помощью Photoshop или еще.
пожалуйста, добавьте эту строку в файл CSS
#cp_widget_171752bb-6c39-4448-9bc5-49b0863aa9b6{margin: 0px auto;}
Это будет прекрасно работать.
Вы должны установить некоторые CSS для слайда
#cp_widget_171752bb-6c39-4448-9bc5-49b0863aa9b6{
margin: 0 auto;
}
Поскольку Ваша ширина контейнера width: 1200px; так margin: auto центрирует скользит по контейнеру. Надеюсь, это поможет вам.
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;
}
Удалить Инлайн стиль # cp_widget_171752bb-6c39-4448-9bc5-49b0863aa9b6
и добавить класс в вашем CSS
#cp_widget_171752bb-6c39-4448-9bc5-49b0863aa9b6{
margin: 0 auto;
max-width: 830px;
width: 830px;
}
может быть, это будет полезно
пост некоторые из кода, который вы пытались до сих пор здесь, и, возможно, начать jsfiddle (http://jsfiddle.net), чтобы показать/тест некоторые кода – aashnisshah