CSS格式 - 需要指导

时间:2012-07-04 17:52:49

标签: html css html5 css3

我需要在我的网站上提供一些css格式的帮助。请参阅提供的屏幕截图,其中涉及http://www.zerogravpro.com/



css problem http://zerogravpro.com/temp/zgp_formatting.jpg

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

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

我提供了链接到我的网站,所以你可以在Firebug中查看它,看看确切的样式等等。谢谢!!

3 个答案:

答案 0 :(得分:2)

推荐书下面的方框是如此之低,因为此行下面有两个< br> -Tags

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

删除它们,它会适合。

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

<div id="testimonial6" style="">
    <p></p>
</div>

答案 1 :(得分:0)

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

当涉及到下部链接的定位时,如果你想将它放在标题附近,你真的需要将它移到靠近DOM中的标题。

答案 2 :(得分:0)

在推荐框的正上方有一个空的p元素,其中“更多”类。将其取下,推文框将被拉起。给它一个合适的上边距,看起来不错。

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