DarkMavis at 19:19, 16 August 2015

2015-08-16T19:19:58Z

DarkMavis: Created page with "'''Experimental!!''' == Summary == Renders a table cell (or header) vertically, at either +90 or -90 degrees with work-arounds for a quirky version of Firefox -- still very w..."

2015-08-16T17:09:20Z

Created page with "'''Experimental!!''' == Summary == Renders a table cell (or header) vertically, at either +90 or -90 degrees with work-arounds for a quirky version of Firefox -- still very w..."

New page

'''Experimental!!'''

== Summary ==
Renders a table cell (or header) vertically, at either +90 or -90 degrees with work-arounds for a quirky version of Firefox -- still very wip! This has not yet been tested on Opera, IE or Chrome.

== Paramters ==
{{Parameters
|1|required|Content
|2|optional|Angle (default is -90).
|3|optional|Vertical alignment (default is "bottom"). See also CSS vertical-align.
}}

== Caveats ==
* As a hack for Firefox (at least v17.0.2 on Gentoo GNU/Linux), I'm using a hard coded width of 16px and height of 100px to keep the vertical text from completely overlapping the cells above them, as this version of firefox is incorrectly inheriting the size of a div that has been rotated. I hope we can figure something else out that's cleaner.

== Example ==
{| class="wikitable" style="width:1px"
|<pre>{{Template:Rotate Cell|Hello World|90|top}}</pre>
|{{Template:Rotate Cell|Hello World|90|top}}
|-
|<pre>{{Template:Rotate Cell|Goodbye cruel world!}}</pre>
|{{Template:Rotate Cell|Goodbye cruel world!}}
|-
|<pre>{{Template:Rotate Cell|Hello Again|42|middle}}</pre>
|{{Template:Rotate Cell|Hello Again|42|middle}}
|}
<includeonly>

@@ Line 5: / Line 5: @@
 == Paramters ==
-{{Parameters
+|required|Content
-|1|required|Content
+|optional|Angle (default is -90).
-|2|optional|Angle (default is -90).
+|optional|Vertical alignment (default is "bottom"). See also CSS vertical-align.
-|3|optional|Vertical alignment (default is "bottom"). See also CSS vertical-align.
-}}
 == Caveats ==

Template:Rotate Cell/doc - Revision history

DarkMavis at 19:19, 16 August 2015

DarkMavis: Created page with "'''Experimental!!''' == Summary == Renders a table cell (or header) vertically, at either +90 or -90 degrees with work-arounds for a quirky version of Firefox -- still very w..."