User:A goat on a boat/Template:Rotate Cell/Doc

Experimental!!

SummaryEdit

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.

ParamtersEdit

A goat on a boat/Template:Rotate Cell

Parameter	Scope	Description
1	required	Content
2	optional	Angle (default is -90).
3	optional	Vertical alignment (default is "bottom"). See also CSS vertical-align.

CaveatsEdit

• 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.

ExampleEdit

{{User:A goat on a boat/Template:Rotate Cell|Hello World|90|top}}	Hello World
{{User:A goat on a boat/Template:Rotate Cell|Goodbye cruel world!}}	Goodbye cruel world!
{{User:A goat on a boat/Template:Rotate Cell|Hello Again|42|middle}}	Hello Again