在网页上定位'绝对'元素 - CSS

时间:2012-07-11 13:01:52

标签: jquery html css slider position

我非常喜欢此网站主页上的图片滑块:http://festival.co.nz/

但是,我想知道,是否可以将“上一个”和“下一个”按钮移动到主“活动”图像的两侧。目前它们固定在最左边和最左边。右。

这些元素的样式由 CSS文件http://css.festival.co.nz/yk-minifier/72cdcb814eb3e3beaa50436a9f869b1c.css处理但是如果我尝试将按钮移动到两侧,我真的不确定从哪里开始中心图像。

非常感谢您提出的任何指示。

3 个答案:

答案 0 :(得分:2)

更改css文件第397行的以下内容:

a.prev_event {
    left: 0;
}

a.prev_event {
left: 50%;
    margin-left: -470px;
}

在第401行,更改

a.next_event {
    right: 0;
}

a.next_event {
    margin-right: -470px;
    right: 50%;
}

答案 1 :(得分:1)

在您的CSS中为left:240px设置left:0而不是a.prev_event

同样在你的CSS中为right:240px设置right:0而不是a.next_event

希望这会给你想要的结果。

答案 2 :(得分:0)

我越是想到这一点,使用媒体查询来处理关键桌面计算机尺寸并进行相应调整可能更有意义。

很抱歉这里的人浪费时间:(