Template:Brick chart/Bricks and Template:Brick chart/Bricks/sandbox: Difference between pages

Line 9:

|<div style="

background:{{{color|silver}}};

float:left; ~~~~

float:left;

clear:{{#ifexpr: {{{offset|0}}} - {{{stride|10}}} *

clear:{{#ifexpr:{{{offset|0}}} - {{{stride|10}}} *

floor( ({{{offset|0}}})/{{{stride|10}}} ) > 0~~.001*{{{stride|10}}}~~

floor( ( {{{offset|0}}} )/{{{stride|10}}} ) > 0 |none|left}};

|none|left}};

height:{{#expr:100/{{{stride|10}}} }}%;

overflow:hidden;

Line 58:

Line 57:

--NOTES

--

-- NOTE A1: This template draws 1 to 3 line segments for: the initial bricks,

-- NOTE A1: This template draws 1-3 line segments for: the initial bricks,

-- whole lines of middle bricks, and the final bricks (if any).

--

-- NOTE ~~B2: The position of the bar line segments is set by "clear:none;"~~

-- NOTE S2: For a line to be visible, there must be a non-breaking space,

~~-- to append to the prior bar, or "clear:left;" for a new line segment~~

-- where the div-tag contains an " ".

~~-- as set by the first div-tag: <div style="float:left; clear:...;">.~~

~~-- Other options, as "background:{{{color}}};" are in the same div-tag.~~

--

~~-- NOTE M3: To allow decimal numbers, the calculations which used modulo~~

~~-- function 'x mod n' were rewritten to use division and floor(x), as:~~

~~-- {x} - {n}*floor( {x}/{n} ). Hence, '{offset} mod {stride}' became~~

-- the formula: {{{offset|0}}} - {{{stride|10}}} *

~~-- floor( ( {{{offset|0}}} )/{{{stride|10}}} ).~~

~~-- Although mod was limited to integers, the formula allows any amounts~~

~~-- as if: 16.45 mod 10 = 6.45, and brick bars scale for those numbers.~~

--

~~-- NOTE S4~~: For a line ~~segment~~ to be visible, there must be a non-breaking

-- ~~space,~~ where ~~each~~ div-tag contains an " "~~. However, the size~~

~~-- of the line segment can be shorter than a space~~.

--

----------------------------------------------------------------------------

Line 86:

Line 71:

-17Sep2012 Fixed overlapped bars by full use of div-tag "overflow:hidden;".

-17Sep2012 Added "overflow:hidden;" to 3rd line segment to match 1 & 2.

-~~18Sep2012~~ Allowed decimals by replacing mod as: {c} - 10*floor( {c}/10 ).

-17Sep2012 Allowed decimals by replacing mod as: {c} - 10*floor( {c}/10 ).

-->

-->{{documentation|content=The '''[[Template:Brick_chart/Bricks]]''' draws bricks for {{tl|Brick chart}}. The bricks are displayed as 1, 2 or 3 bar line segments, depending on the offset and count numbers.

{{documentation|content=The '''[[Template:Brick_chart/Bricks]]''' draws bricks for {{tl|Brick chart}}. The bricks are displayed as 1, 2 or 3 bar line segments, depending on the offset and count numbers.

Parameters:

@@ Line 9: / Line 9: @@
    |<!--show initial brick(s)--><div style="
    background:{{{color|silver}}};
-   float:left;         <!--see NOTE B2 & NOTE M3-->
+   float:left;
-   clear:{{#ifexpr: {{{offset|0}}} - {{{stride|10}}} *
+   clear:{{#ifexpr:{{{offset|0}}} - {{{stride|10}}} *
-           floor( ({{{offset|0}}})/{{{stride|10}}} ) > 0.001*{{{stride|10}}}
+         floor( ( {{{offset|0}}} )/{{{stride|10}}} ) > 0 |none|left}};
-         |none|left}};
    height:{{#expr:100/{{{stride|10}}} }}%;
    overflow:hidden;
@@ Line 58: / Line 57: @@
 --NOTES
 --
--- NOTE A1: This template draws 1 to 3 line segments for: the initial bricks,
+-- NOTE A1: This template draws 1-3 line segments for: the initial bricks,
 --      whole lines of middle bricks, and the final bricks (if any).
 --
--- NOTE B2: The position of the bar line segments is set by "clear:none;"
+-- NOTE S2: For a line to be visible, there must be a non-breaking space,
---      to append to the prior bar, or "clear:left;" for a new line segment
+--      where the div-tag contains an "&nbsp;".
---      as set by the first div-tag:  <div style="float:left; clear:...;">.
---      Other options, as "background:{{{color}}};" are in the same div-tag.
---
--- NOTE M3: To allow decimal numbers, the calculations which used modulo
---      function 'x mod n' were rewritten to use division and floor(x), as:
---      {x} - {n}*floor( {x}/{n} ). Hence, '{offset} mod {stride}' became
---      the formula:  {{{offset|0}}} - {{{stride|10}}} *
---                          floor( ( {{{offset|0}}} )/{{{stride|10}}} ).
---      Although mod was limited to integers, the formula allows any amounts
---      as if:  16.45 mod 10 = 6.45, and brick bars scale for those numbers.
---
--- NOTE S4: For a line segment to be visible, there must be a non-breaking
---      space, where each div-tag contains an "&nbsp;". However, the size
---      of the line segment can be shorter than a space.
 --
 ----------------------------------------------------------------------------
@@ Line 86: / Line 71: @@
 -17Sep2012 Fixed overlapped bars by full use of div-tag "overflow:hidden;".
 -17Sep2012 Added "overflow:hidden;" to 3rd line segment to match 1 & 2.
--18Sep2012 Allowed decimals by replacing mod as: {c} - 10*floor( {c}/10 ).
+-17Sep2012 Allowed decimals by replacing mod as: {c} - 10*floor( {c}/10 ).
+-->
--->{{documentation|content=The '''[[Template:Brick_chart/Bricks]]''' draws bricks for {{tl|Brick chart}}. The bricks are displayed as 1, 2 or 3 bar line segments, depending on the offset and count numbers.
+{{documentation|content=The '''[[Template:Brick_chart/Bricks]]''' draws bricks for {{tl|Brick chart}}. The bricks are displayed as 1, 2 or 3 bar line segments, depending on the offset and count numbers.
 Parameters: