невозможно заставить rCarousel работать (ширина навигации и автопрокрутка)

Question

http://www.netwerkhoreca.nl/

Я делаю что-то не так, но я не могу найти что .... Почему-то я не могу заставить работать rCarousel (верхняя часть, которая говорит "vrienden van het koksgilde").

Я действительно не знаю, что я делаю неправильно.Я следовал инструкциям на этой странице: http://ryrych.github.com/rcarousel/

Я дважды проверил, правильны ли мои ссылки на скрипты и css, и они верны.По какой-то причине навигация не будет работать, а также не будет прокрутки.Кроме того, я не могу установить ширину карусели так, чтобы она подходила для коробки.

Когда я смотрю с помощью firebug, я вижу, что элементы получают встроенные стили, это должно быть как-то связано с этим, я думаю?

Некоторая помощь будет высоко оценена.

Answer 1

В настоящее время у вас есть только 3 элемента в карусели, и все они видны - поэтому вам нечего делать, когда вы нажимаете предыдущий / следующий;)

Строка 33 в вашем css связана с тем, что она не подходитthe box:

#topbox1 div, #topbox2 div, #topbox3 div {
    color: #888888;
    line-height: 17px;
    padding: 5px 10px 5px 14px;
    width: 100%;
}

Его установка ширины всех элементов div в каждом контейнере с идентификатором на 100%, что составляет 300 пикселей, добавляет к указанному отступу = 324 пикселя, поэтому его разрыв.То же самое относится и к вашим H1 только потому, что они явно не сломаны, однако они истекают кровью из контейнеров.

Это каскадирование через div, ширина, которую вы хотите с этим отступом, составляет 276px;

#topbox2 #carousel {width:276px;}

Переопределит стиль и приведёт его в соответствие, однако я бы посоветовал вам посмотреть, что происходитс шириной и сделайте их немного более конкретными.

например

#topbox1 > div, #topbox2 > div, #topbox3 > div {
    color: #888888;
    line-height: 17px;
    padding: 5px 10px 5px 14px;
    width: 276px;
}

Так что только непосредственный дочерний элемент div внутри #topboxes и уберите ширину из заголовков:

#topbox1 h1, #topbox2 h1, #topbox3 h1 {
   color: #FFFFFF;
   font-size: 24px;
   padding: 7px 10px 10px 14px;
}

Надеюсь, что это имеет смысл!