代码之家 › 专栏 › 技术社区 › darewreck

CSS和模板

css ruby-on-rails

darewreck · 技术社区 · 16 年前

我有一个关于css和我正在使用的模板的问题。

我的CSS中有两个字段:

.content
{
padding:10px;
width: 100%
text-align:justify;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;

}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: red;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

在我的html代码中

   <div class="content">

        <div class="errorExplanation" id="errorExplanation">
           <h2> 10 errors prohibited this counselor questionary from being                             
                saved
           </h2>
          <p>There were problems with the following fields:</p>
       </div>    
   </div>

我希望基于css的错误解释是红色的,但事实并非如此。我是css新手,所以我想我遗漏了一些东西。

一个例子是 http://www.otoplusvn.com/TherapistSurvey/counselor_questionaries/new 然后按下一步按钮。您会注意到rubyonrails验证生成的错误消息弹出,但它不是红色的。我想要红色和粗体。

3 回复 | 直到 16 年前

halfdan 16 年前

你给出的链接上的CSS不包含上面粘贴的CSS代码。这就是为什么它没有红边。

Paul 16 年前

我在你提供的网站上看不到你的样式表中的错误解释。肯定是上传的吗?或者我可能错过了。。

dmanexe 16 年前

你的问题是“我希望得到错误的解释 穿红色衣服

您的CSS for#errorexplation声明背景为白色,边框为红色。

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: red; /* #f0f0f0 is white */
}

推荐文章

aarona · Rails迁移批量更新change_column_default

1 年前