proWoke
Новичок
ПОместить в центр карусель.
Как мне поместить вот такую карусель по центру страницы? Я уже 2 день бьюсь с этим и вроде как по уму пробовал сделать и наугад шаманил что-то. Не могу допереть. Никогда просто не адаптировал уже готовое что то на сайт. Вот и застрял. В общем что я имею. Я сделал фоновую картинку по середине, по клике на мелку это фоновая меняется. Она у меня стоит чётко по середине и при удалении или приближении ничего не меняется. Вот скрин: http://sharepix.ru/94698ia29/ . В шапке мини навигация, тоже располагается по центру, как мне надо. Вот код как я сделал это:
А вот css код:
С этим вроде всё нормально и всё работает. Но теперь мне надо сделать так, что вот такая карусель: http://flowplayer.org/tools/demos/scrollable/index.html , которая расположенна у меня на сайте была ровно по середине под большой картинкой. Да ещё надо так, чтобы футер прижимался к низу. Как это сделать ума не приложу. Просто там в карусели 3 элемента связанных друг с другом. Это левая стрелочка, правая стрелочка и центровая часть. Меняешь одно, может уехать другое. Конечно можно двигать правую стрелочку но всё равно будет ползать при удалении браузер. Может кто уже сталкивался с этой галереей или подобной ей и знает рецепт. Я не прошу готовый код, просто направьте на путь истинный.
Как мне поместить вот такую карусель по центру страницы? Я уже 2 день бьюсь с этим и вроде как по уму пробовал сделать и наугад шаманил что-то. Не могу допереть. Никогда просто не адаптировал уже готовое что то на сайт. Вот и застрял. В общем что я имею. Я сделал фоновую картинку по середине, по клике на мелку это фоновая меняется. Она у меня стоит чётко по середине и при удалении или приближении ничего не меняется. Вот скрин: http://sharepix.ru/94698ia29/ . В шапке мини навигация, тоже располагается по центру, как мне надо. Вот код как я сделал это:
PHP:
<body>
<div id="navgalery">
<a href="../../index.php">Главная</a>| Моменты из жизни
</div>
<p class="figure"><img src="bigimg/1.jpg" alt="" /></p>
PHP:
p.figure {
text-align: center;
}
p.figure img {
width: 500px;
height: 550px;
border:2px solid #fff;
outline:1px solid #ddd;
}
#navgalery {
text-align: center;
font-size: 13px;
padding-top: 75px;
}
