无法覆盖CSS文本样式和向下移动的图像?

时间:2013-12-27 15:26:31

标签: css image text styles

我的测试网站位于:http://www.stagecraft.org/msi/

在第三个“页面”(投资组合)上,我有三个图像翻转并在“背面”显示文字。我有两个问题:

  • 我无法获得列出架构师,所有者和GC的文本。我尝试创建一个.spinbody类,但是当我应用它时,文本不会改变。我需要一个不同的文字样式/大小。

  • 图像不完全适合矩形区域。他们似乎有点“向下”。图像为300px x 500px,区域也是如此。但是图像偏离了这些区域。

我的错误是什么想法?我几乎是一个新手,一直在拼凑这些代码。

提前感谢您的任何帮助!

史蒂夫

2 个答案:

答案 0 :(得分:0)

  1. 你想用什么样的风格来接受这个文字?已经有了 css规则的样式,你可能有一些CSS覆盖 阻止你的改变。您可以在结束时添加!important 新规则,但它不是最好的解决方案。最好的解决方案是 用一些浏览器开发工具检查你的CSS(例如:firebug 对于firefox)并看看如何将新的CSS规则迭代到 现有代码。
  2. 对于第二个问题,图像有一个top-margin 所以他们向下移动保证金在#section1 img上适用 msi_style.css的第173行你可以删除它但确定它 也不会改变其他图像。
  3. 修改

    翻转卡片背面的文字大小来自.intro p第190行的msi_style.css

答案 1 :(得分:0)

检查您的css规则崩溃的萤火虫,并尝试使用元素和ID组合使您的规则更具体... 或者暂时你可以通过在新规则的最后使用!important来修复它,但它不是最好的解决方案....