<div class="quoteheader"><div class="topslice_quote"><a href="https://elliquiy.com/forums/index.php?topic=290221.msg14331681#msg14331681">Quote from: Al Terego on August 11, 2018, 11:10:13 pm</a></div></div><blockquote class="bbc_standard_quote">Greetings, magi!<br/>I come bearing gifts.<br/><br/>Today I offer you... a pixel!<br/><br/>And not just any pixel, but a transparent one, placed on Elliwiki ages ago for my own nefarious purposes but now shared with you.<br/>Here it is: <span class="bbc_font" style="font-family: courier;">https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png</span><br/><br/>Now, I know what you're thinking.  "What use is a single pixel," you wonder, "what would I do with it?"<br/><br/>Well, the interesting thing about this pixel, is that it is infinitely stretchable to any side, and as such can be used as vertical or horizontal padding between elements.<br/><br/>Here are some examples:<br/><br/><hr/><hr/><br/><div class="codeheader">Code: <a class="codeoperation" href="javascript:void(0);" onclick="return smfSelectText(this);">[Select]</a></div><pre style="margin: 0; padding: 0;"><code class="bbc_code">[b]OO<br/>O[img height=1 width=2]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img]O<br/>O[img height=1 width=4]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img]O<br/>O[img height=1 width=6]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img]O<br/>O[img height=1 width=8]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img]O<br/>O[img height=1 width=10]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img]O[/b]</code></pre><br/><strong>OO<br/>O(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)O<br/>O(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)O<br/>O(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)O<br/>O(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)O<br/>O(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)O</strong><br/><br/><hr/><hr/><br/><div class="codeheader">Code: <a class="codeoperation" href="javascript:void(0);" onclick="return smfSelectText(this);">[Select]</a></div><pre style="margin: 0; padding: 0;"><code class="bbc_code">[b]OOOOOOOOOO<br/>OOOOOOOOOO<br/>[img height=2]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img]<br/>OOOOOOOOOO<br/>[img height=4]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img]<br/>OOOOOOOOOO<br/>[img height=6]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img]<br/>OOOOOOOOOO<br/>[img height=8]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img]<br/>OOOOOOOOOO<br/>[img height=10]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img]<br/>OOOOOOOOOO[/b]</code></pre><br/><strong>OOOOOOOOOO<br/>OOOOOOOOOO<br/>(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)<br/>OOOOOOOOOO<br/>(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)<br/>OOOOOOOOOO<br/>(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)<br/>OOOOOOOOOO<br/>(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)<br/>OOOOOOOOOO<br/>(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)<br/>OOOOOOOOOO</strong><br/><br/><hr/><hr/><br/>I find that it works quite well when placed inside table cells:<br/><br/><div class="codeheader">Code: <a class="codeoperation" href="javascript:void(0);" onclick="return smfSelectText(this);">[Select]</a></div><pre style="margin: 0; padding: 0;"><code class="bbc_code">[table][tr][td][img]https://elliquiy.com/elluiki/images/e/e2/Bewitched.jpg[/img][/td]<br/>[td][img width=10]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img][/td]<br/>[td]This is how one can<br/>control the spacing<br/>between image and<br/>text inside a table<br/>without the use of<br/>padding in the tag.<br/>[/td][/tr][/table]</code></pre><br/><table class="bbc_table"><tbody><tr><td>(https://elliquiy.com/elluiki/images/e/e2/Bewitched.jpg)</td><td>(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)</td><td>This is how one can<br/>control the spacing<br/>between image and<br/>text inside a table<br/>without the use of<br/>padding in the tag.<br/></td></tr></tbody></table><br/><hr/><hr/><br/>Cheers,<br/>-- Al<br/></blockquote><div class="quotefooter"><div class="botslice_quote"></div></div><br/><br/>THIS IS EFFIN BRILLIANT!<br/><br/>That is all.