Forum Moderators: not2easy
My stylesheet says:
h3
{
color: #ffffff;
background: #6666ff;
font-family: arial, helvetica, sans-serif;
font-size: 16px;
margin-top: 15px;
margin-bottom: 0px;
padding-top: 2px;
padding-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
}
...and it looks great on IE and newer versions of NN. But when I try it on NN4, the styles only work on the the FIRST use of H3.
Example:
<h3>Feature Story</h3>
<h3>Second Story</h3>
... in NN4, renders the first <H3> in white text with a colored background, but the second <H3> (and all other instances of <H3>) renders as normal <H3> with simple black text on a white background.
I have never had a problem with this in the past. Both the HTML and CSS validate.
Can anyone help me? I can stickymail the URL on request.
However, this one little touch seems to be just enough to remind NN4 to go back to the style rules for the elements that follow.
Here is a small snippet of my code:
<h3>Feature</h3>
<div class="block" style="border-color: #6666ff;">
The Feature Story goes here.
</div>
<h3>Second</h3>
<div class="block" style="border-color: #6666ff;">
The Second Story goes here.
</div>
Only the first H# renders correctly. Both of the <div class="block"> elements do not render correctly, nor does the second <H3>.
I just realized that NN4 doesn't just ignore "border-color: #xxxxxx;" but it screws it up, so I removed them and it worked.
I'm going to make a simple.css to be loaded by all browsers without the border and an advanced.css (which will add the borders) which also be loaded by most browsers, but will not be loaded by NN4.
THANKS!