2011-10-05 76 views
0

http://www.netwerkhoreca.nl/不能得到rCarousel工作(NAV宽度和自动滚屏)

我做错了什么,但我不能找到什么.... 不知何故,我不能让rCarousel工作(顶部它说“vrienden van het koksgilde“)。

我真的不知道我做错了什么。 我按照这个页面上的说明:http://ryrych.github.com/rcarousel/

我仔细检查,如果我的脚本和CSS的链接是正确的,他们是。出于某种原因,它的导航不会工作,它也不会自动滚动。另外,我无法设置旋转木马的宽度以适合盒子。

当我用萤火虫看,我看到元素获得内联样式,这应该与它有关,我认为?

有些帮助会大大降低。

回答

0

目前你只需要在旋转盘3项和他们都是可见的 - 因此没有什么,当你点击一个/下一个做;)

33号线在你的CSS是与它不拟合的问题框:

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

及其各ID'd容器内设置所有div的宽度为100%,这是300像素,即填充指定= 324px,这就是为什么它的爆发增加。 H1也是如此,只是它们没有明显的破碎,但是它们正在从容器中流出。

它通过divs级联,你想要的那个padding的宽度保持为276px;

#topbox2 #carousel {width:276px;} 

将覆盖样式,使其适合,不过我建议你看看什么是与宽度的发生,使他们多一点具体的。

e.g

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

所以只是#topboxes内取出宽度直接子div的形成标题:

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

希望是有道理的!