重新定位“绝对”的网页上的元素 - CSS

我真的很喜欢这个网站主页上的图像滑块：http://festival.co.nz/重新定位“绝对”的网页上的元素 - CSS

不过，我想知道，是可以移动的“以前”和“下一个”按钮位于主“活动”图像的任一侧。目前它们被固定在极左&的右侧。

这些元素的造型是由该CSS文件处理：http://css.festival.co.nz/yk-minifier/72cdcb814eb3e3beaa50436a9f869b1c.css但我真的不确定从何处开始，如果我是尝试和移动的按钮是在中心图像的两侧。

非常感谢任何与此指针。

来源

2012-07-11 michaelmcgurk

我对此的看法越多，对关键桌面计算机尺寸使用媒体查询可能会更有意义并进行相应调整。

对不起，我这里浪费时间的家伙:(

来源

2012-07-11 13:12:11 michaelmcgurk

集left:240px而不是left:0在你的CSS a.prev_event。

而且在你的CSS设置right:240px，而不是right:0为a.next_event。

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

来源

2012-07-11 13:12:44

我想我会使用媒体查询并根据屏幕尺寸将这些按钮设置到不同的位置。感谢您的建议，非常感谢。 – michaelmcgurk 2012-07-11 13:26:07

在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%; 
}

来源

2012-07-11 13:13:13 Timmetje

Coool。将在这方面快速查看。感谢您花时间回答。 – michaelmcgurk 2012-07-11 13:17:49

您可以通过使用您使用的浏览器的开发工具来检查这个真正简单的方法。在Chrome中，例如按F12，搜索“next_event”和“prev_event”。选择HTML部分时，您可以在右侧栏中编辑CSS。通过这种方式，您可以直接看到所做的更改，您可以随时查看，直到您对结果满意为止。 – Timmetje 2012-07-11 13:27:38

重新定位“绝对”的网页上的元素 - CSS

回答

相关问题