Just had a quick question about CSS and a template I'm working with.
Currently, I have these two fields in my 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;
}
When including the #errorExplanation in my HTML code, I would expect it to be styled in red according to the CSS rules above. However, it does not appear to be reflecting that. As someone new to CSS, I feel like I might be overlooking something.
An example can be seen at . Click on the Next button and you'll notice the error message that appears, generated by Ruby on Rails validation. Despite the CSS properties set, it is not displayed in red as intended. I am looking to style it in red and make it bold.
Any advice or guidance on this matter would be greatly appreciated. Thank you!