[rogue_ronin]

Originally Posted by rogue_ronin

So, make <br class="SceneBreak" /> and <br class="PageBreak" /> and add something like this to CSS:

br.SceneBreak {
display:none;
}

br.SceneBreak:after {
content:"* * *";
text-align:center
}

br.PageBreak {
display:none;
}

br.PageBreak {
page-break-after:always;
}

'course, it didn't quite work! The display:none kills the other effects, so that has to go. (Isn't it fun to watch the silly noob? )

But the page-break-after:always for the PageBreak class works a treat. The only drawback is that you won't get a horizontal rule when you insert a manual page-break that would be visible in a normal browser. You do get a blank line. Since I'm drawing a bottom-border on my divs that page-break, I think I'm going back to the hr for this one.

On the other hand, a blank line is great for a scene-break; but I don't seem to be able to generate the content "* * *" -- or any other content.

Here's what's in the CSS now:

br.SceneBreak:after {
content:"* * *";
}

Why won't the asterisks show up when I insert a <br class="SceneBreak" /> to the xHTML?

m a r