我真的很喜欢这个网站主页上的图像滑块:http: //festival.co.nz/
但是,我想知道,是否可以将“上一个”和“下一个”按钮移动到主“活动”图像的任一侧。目前,它们固定在极左和极右。
这些元素的样式由这个CSS 文件处理:http ://css.festival.co.nz/yk-minifier/72cdcb814eb3e3beaa50436a9f869b1c.css但是如果我要尝试将按钮移动到,我真的不确定从哪里开始位于中心图像的两侧。
非常感谢您对此的任何指示。
在 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%;
}
在你的 CSS 中设置left:240px
而不是left:0
for 。a.prev_event
在你的css中也设置right:240px
而不是right:0
for 。a.next_event
希望这会给你你想要的结果。
我考虑得越多,对关键台式计算机大小使用媒体查询并进行相应调整可能更有意义。
对不起,在这里浪费时间的家伙:(