User:Jerodast/Table Experiment

From Hearthstone Wiki
Jump to: navigation, search

This is to try different style options for tables with a "caption"/header and a card.

Unfortunately when table borders are involved it seems like you have to override each cell's style, you can't do a whole row at once?

I also wanted to try to get the side borders to match the header border style on some rows, but couldn't figure out what CSS to use.

One issue here is that the {{card}} template seems to insert some extra space at the top, probably in part due to the "minion portrait hump".

Divs[edit | edit source]

Todo: Make a template for all this formatting.

Reminder: A lot of the padding fiddling is to try to match the unavoidable space at the top of each card (although could it be set up so that the transparent part of the card is pushed up into the border of the div? Don't know...

Text on top, padding all around

Level 11/13

Whirlwind(161).png

Level 15/17

Whirlwind(161).png

Level 19/21

Whirlwind(161).png

Level 23/25

Whirlwind(161).png

Level 27/29

Whirlwind(161).png

Level 31/33

Whirlwind(161).png
Text on top; relative positioning to push it into image; no padding
Level 11/13

Whirlwind(161).png
Level 15/17

Whirlwind(161).png
Level 19/21

Whirlwind(161).png
Level 23/25

Whirlwind(161).png
Level 27/29

Whirlwind(161).png
Level 31/33

Whirlwind(161).png
No shading; text on top; relative positioning to push it into image
Level 11/13

Whirlwind(161).png
Level 15/17

Whirlwind(161).png
Level 19/21

Whirlwind(161).png
Level 23/25

Whirlwind(161).png
Level 27/29

Whirlwind(161).png
Level 31/33

Whirlwind(161).png
Text on bottom; padding 3 sides
Whirlwind(161).png

Level 11/13
Whirlwind(161).png

Level 15/17
Whirlwind(161).png

Level 19/21
Whirlwind(161).png

Level 23/25
Whirlwind(161).png

Level 27/29
Whirlwind(161).png

Level 31/33
Text on bottom; padding bottom only
Whirlwind(161).png

Level 35/37
Whirlwind(161).png

Level 39/41
Whirlwind(161).png

Level 43/45
Whirlwind(161).png

Level 47/49
Whirlwind(161).png

Level 47/49
Whirlwind(161).png

Level 47/49

Tables[edit | edit source]

Level 15/20
Heroic Strike(1) Gold.png
||
Charge(646) Gold.png

Level 23/26 ||
Shield Block(493) Gold.png

Level 28/30
Level 32/34 Level 36/38 Level 40/42
Whirlwind(161) Gold.png
||
Warsong Commander(193) Gold.png
|| style="border-top:none;" |
Cleave(81) Gold.png
Kor'kron Elite(130) Gold.png
||
Execute(227) Gold.png
||
Fiery War Axe(632) Gold.png
Level 44/46 Level 47/48 Level 49/50
Level 51/52 Level 53/54 Level 55/56
Arcanite Reaper(182) Gold.png
||
Silverback Patriarch(611) Gold.png
||
Chillwind Yeti(31) Gold.png
Level 57/58 Level 59/60
Raid Leader(502) Gold.png
||
Wolfrider(174) Gold.png


Level 15/20
Heroic Strike(1) Gold.png
|| Level 15/20
Heroic Strike(1) Gold.png
|| Level 15/20
Heroic Strike(1) Gold.png
Level 15/20
Heroic Strike(1) Gold.png
|| Level 15/20
Heroic Strike(1) Gold.png
|| Level 15/20
Heroic Strike(1) Gold.png
Level 15/20
Heroic Strike(1) Gold.png
|| Level 15/20
Heroic Strike(1) Gold.png
|| Level 15/20
Heroic Strike(1) Gold.png


Charge(646) Gold.png

Level 23/26 ||
Charge(646) Gold.png

Level 23/26 ||
Charge(646) Gold.png

Level 23/26
Charge(646) Gold.png

Level 23/26 ||
Charge(646) Gold.png

Level 23/26 ||
Charge(646) Gold.png

Level 23/26
Charge(646) Gold.png

Level 23/26 ||
Charge(646) Gold.png

Level 23/26 ||
Charge(646) Gold.png

Level 23/26


Level 32/34 Level 36/38 Level 40/42
Whirlwind(161) Gold.png
||
Warsong Commander(193) Gold.png
|| style="border-top:none;" |
Cleave(81) Gold.png
Level 32/34 Level 36/38 Level 40/42
Whirlwind(161) Gold.png
||
Warsong Commander(193) Gold.png
|| style="border-top:none;" |
Cleave(81) Gold.png
Level 32/34 Level 36/38 Level 40/42
Whirlwind(161) Gold.png
||
Warsong Commander(193) Gold.png
|| style="border-top:none;" |
Cleave(81) Gold.png


Kor'kron Elite(130) Gold.png
||
Execute(227) Gold.png
||
Fiery War Axe(632) Gold.png
Level 44/46 Level 47/48 Level 49/50
Kor'kron Elite(130) Gold.png
||
Execute(227) Gold.png
||
Fiery War Axe(632) Gold.png
Level 44/46 Level 47/48 Level 49/50
Kor'kron Elite(130) Gold.png
||
Execute(227) Gold.png
||
Fiery War Axe(632) Gold.png
Level 44/46 Level 47/48 Level 49/50


Level 51/52 Level 53/54 Level 55/56
Arcanite Reaper(182) Gold.png
||
Silverback Patriarch(611) Gold.png
||
Chillwind Yeti(31) Gold.png
Level 51/52 Level 53/54 Level 55/56
Arcanite Reaper(182) Gold.png
||
Silverback Patriarch(611) Gold.png
||
Chillwind Yeti(31) Gold.png
Level 51/52 Level 53/54 Level 55/56
Arcanite Reaper(182) Gold.png
||
Silverback Patriarch(611) Gold.png
||
Chillwind Yeti(31) Gold.png


Arcanite Reaper(182) Gold.png
||
Silverback Patriarch(611) Gold.png
||
Chillwind Yeti(31) Gold.png
Level 51/52 Level 53/54 Level 55/56
Arcanite Reaper(182) Gold.png
||
Silverback Patriarch(611) Gold.png
||
Chillwind Yeti(31) Gold.png
Level 51/52 Level 53/54 Level 55/56
Arcanite Reaper(182) Gold.png
||
Silverback Patriarch(611) Gold.png
||
Chillwind Yeti(31) Gold.png
Level 51/52 Level 53/54 Level 55/56


Invisi-table[edit | edit source]

Level 15/20 Level 23/26 Level 28/30
Heroic Strike(1) Gold.png
||
Charge(646) Gold.png
||
Shield Block(493) Gold.png
Level 32/34 Level 36/38 Level 40/42
Whirlwind(161) Gold.png
||
Warsong Commander(193) Gold.png
||
Cleave(81) Gold.png
Level 44/46 Level 47/48 Level 49/50
Kor'kron Elite(130) Gold.png
||
Execute(227) Gold.png
||
Fiery War Axe(632) Gold.png


Heroic Strike(1) Gold.png
||
Charge(646) Gold.png
||
Shield Block(493) Gold.png
Level 15/20 Level 23/26 Level 28/30
Whirlwind(161) Gold.png
||
Warsong Commander(193) Gold.png
||
Cleave(81) Gold.png
Level 32/34 Level 36/38 Level 40/42
Kor'kron Elite(130) Gold.png
||
Execute(227) Gold.png
||
Fiery War Axe(632) Gold.png
Level 44/46 Level 47/48 Level 49/50