0

我需要一点关于我网站上的 CSS 格式的帮助。请参阅提供的屏幕截图,它与http://www.zerogravpro.com/相关。



css 问题 http://zerogravpro.com/temp/zgp_formatting.jpg

问题#1:我在推荐部分的橙色背景框比我想要的要低很多。我如何强制它向上移动,直接在“推荐”一词下方?

问题#2:看到漂亮的“更多”按钮,里面有绿色的球和箭头吗?当我尝试在我的推荐框中使用相同的样式时,它显示为只是一个无聊的链接。我希望它看起来与按钮相同。我猜该样式只有在它具有正确的层次结构时才会被调用,但是我怎样才能在不弄乱任何其他样式的情况下解决这个问题呢?

我提供了指向我网站的链接,因此您可以在 Firebug 中查看它并查看确切的样式等。谢谢!

4

3 回答 3

2

Testimonials 下面的 Box 太低了,因为这条线下面有两个<br>-Tags

<p class="dotline"></p>

删除它们,它会适合。

对于更多按钮,您应该将更多类添加到此<p>-Tag(未经测试):

<div id="testimonial6" style="">
    <p></p>
</div>
于 2012-07-04T18:07:34.040 回答
0

描述类似按钮的 more 元素的样式应用于 class="more" 的段落。但是,该段落还包含比按钮更多的规则,因此您应该尝试提取有关按钮的 CSS 以使其可重用。

当谈到下层链接的定位时,如果你想把它放在靠近标题的地方,你真的需要把它移近 DOM 中的标题。

于 2012-07-04T18:10:44.803 回答
0

在推荐框的正上方有一个空的 p 元素,其类为“更多”。取下它,证明框将被拉起。给它一个适当的边距顶部,它会看起来不错。

至于按钮,这是我的尝试-> http://jsfiddle.net/joplomacedo/c3vqh/

于 2012-07-04T18:23:36.643 回答