Difference between revisions of "Template:PBR/doc"
m (→SPAN) |
|||
Line 30: | Line 30: | ||
<br> | <br> | ||
test<br> | test<br> | ||
</div> | </div> | ||
<hr> | <hr> | ||
Line 66: | Line 50: | ||
| | | | ||
===SPAN + {{HoverText| | ==={{HoverText|SPAN|display:block;}} + {{HoverText|BR|display:none;}}=== | ||
<hr> | <hr> | ||
<div> | <div> | ||
Line 113: | Line 97: | ||
<hr> | <hr> | ||
|- valign="top" | |- valign="top" | ||
| | |||
===DIV=== | |||
<hr> | |||
<div> | |||
test<div></div> | |||
test<div></div> | |||
test<br>test<div></div> | |||
test<div></div> | |||
test<div></div>test<div></div> | |||
test<div></div> | |||
<div></div> | |||
<div></div> | |||
<div></div> | |||
test<div></div> | |||
</div> | |||
<hr> | |||
| | | | ||
===CENTER=== | ===CENTER=== |
Revision as of 14:21, 8 May 2009
WTF?
Template:PBR is intended to give the outward appearance and effect of the BR tag with the exception that multiple uses of it will not cause multiple lines of whitespace. You use it everywhere you want a linebreak but don't want to have extra whitespace associated with linebreaks piling up. Essentially PBR is a conditional BR, if a BR is needed it works as a BR, if it's not needed it has no effect. It's the bees knees.
How it works
The original version used an empty "div" tag but it had the side effect that you would have to fight the wiki engine to keep it from inserting "p" tags. The solution is to *not* fight the wiki engine and use a tag that it will let you include in "p" tags. The new version uses an empty "span" tag, which is "p" friendly but with inline style we convert the tag to "block" from "inline".
Problems
Because of the unorthodox (ab)use of this mix of CSS, HTML and MediaWiki we end up with a situation where strange things happen that no web browser author has ever given much thought to. Specifically when copying the text the result is different depending upon which web browser you use. I'm currently thinking about including a hidden br to make FF happy.
Name
Q: Why PBR?
A: Pseudo-BReak
Breaking Lines
BR Tagtest |
SPAN + D:Btest
test
test |
SPAN + BRtest |
PBR Templatetest
test
test |
Goaltest |
DIV
test
test
test
test test testtest test test |
CENTER
test
test |
BR Tag + D:Ttest |
BR Tag + D:Btest |
Goaltest |