#002 ♥ 002 Tables

[deathcard]

CR Chart #1

Key
<table cellspacing="2" cellpadding="2" border="0" style="width: 460px; height: 121px;"><tbody><tr><td valign="top" style="width: 7px; background-color: #E0E0E0;" rowspan="3"> </td><td><div style="text-align: center;">❦</div><div style="text-align: center;"><span style="font-size: smaller;">love</span></div></td><td><div style="text-align: center;">❤</div><div style="text-align: center;"><span style="font-size: smaller;">attraction</span></div></td><td><div style="text-align: center;">✿</div><div style="text-align: center;"><span style="font-size: smaller;">friend</span></div></td><td><div style="text-align: center;">❡</div><div style="text-align: center;"><span style="font-size: smaller;">respect</span></div></td><td><div style="text-align: center;">❢</div><div style="text-align: center;"><span style="font-size: smaller;">a</span><span style="font-size: smaller;">quaintance</span></div></td><td><div style="text-align: center;">✔</div><div style="text-align: center;"><span style="font-size: smaller;">tolerable</span></div></td><td> </td><td> </td></tr><tr><td style="text-align: center;">✠<br /><span style="font-size: smaller;">comrade in arms</span></td><td style="text-align: center;">✯<br /><span style="font-size: smaller;">enemy of war</span></td><td style="text-align: center;">¿<br /><span style="font-size: smaller;">uncertain</span></td><td style="text-align: center;">⟲<br /><span style="font-size: smaller;">complicated</span></td><td style="text-align: center;">❚<br /><span style="font-size: smaller;">indifferent</span></td><td style="text-align: center;">☈<br /><span style="font-size: smaller;">left and returned</span></td><td> </td><td> </td></tr><tr><td style="text-align: center;">✹<br /><span style="font-size: smaller;">hatred</span></td><td style="text-align: center;">✾<br /><span style="font-size: smaller;">dangerous</span></td><td style="text-align: center;">➷<br /><span style="font-size: smaller;">untrustworthy</span></td><td style="text-align: center;">❇<br /><span style="font-size: smaller;">irritating</span></td><td style="text-align: center;">❱<br /><span style="font-size: smaller;">avoidance</span></td><td style="text-align: center;">✘<br /><span style="font-size: smaller;">annoyance</span></td><td> </td><td> </td></tr></tbody></table><br />

Chart
<center><table cellspacing="3" cellpadding="3" border="0" style="width: 450px; height: 200px;"><tbody><tr><td valign="bottom" colspan="2" style="background: #E0E0E0;"><span style="font-size: medium;">CANON</span></td></tr><tr><td valign="top" style="width: 100px; height: 100px;"><br /><img alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="align:center; border:3px solid #E0E0E0;" /></td><td valign="top" style="height: 100px;"><table cellspacing="0" cellpadding="1" border="0" style="width: 324px; height: 1px;"><tbody><tr><td style="text-align: left;"><br />NAME</td><td style="text-align: right;"><br />[✔ ☈ ✘]</td></tr></tbody></table>❝ <span style="font-size: smaller;">fdhdjhjsdh kadslkjdh kjh lask jdhksjh sahdhsdgha sdglasdh kahjsgd fhjsdgf j hkadghg dhgajdghjh fgjajha kadgjhsd gfkjsgdfjk fgjhdgfhhh hhhhh asjhdjkfg.</span> ❞</td></tr><tr></tr><tr><td valign="top" style="height: 100px;"><br /><img alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="align:center; border:3px solid #E0E0E0;" /></td><td valign="top" style="height: 100px;"><table cellspacing="0" cellpadding="1" border="0" style="width: 324px; height: 1px;"><tbody><tr><td style="text-align: left;"><br />NAME</td><td style="text-align: right;"><br />[✔ ☈ ✘]</td></tr></tbody></table>❝ <span style="font-size: smaller;">...</span> ❞</td></tr></tbody></table></center><br /><br /><center><table cellspacing="3" cellpadding="3" border="0" style="width: 450px; height: 200px;"><tbody><tr><td valign="bottom" colspan="2" style="background: #E0E0E0;"><span style="font-size: medium;">PANFANDOM</span></td></tr><tr><td valign="top" style="width: 100px; height: 100px;"><br /><img alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="align:center; border:3px solid #E0E0E0;" /></td><td valign="top" style="height: 100px;"><table cellspacing="0" cellpadding="1" border="0" style="width: 324px; height: 1px;"><tbody><tr><td style="text-align: left;"><br />NAME</td><td style="text-align: right;"><br />[✔ ☈ ✘]</td></tr></tbody></table>❝ <span style="font-size: smaller;">fdhdjhjsdh kadslkjdh kjh lask jdhksjh sahdhsdgha sdglasdh kahjsgd fhjsdgf j hkadghg dhgajdghjh fgjajha kadgjhsd gfkjsgdfjk fgjhdgfhhh hhhhh asjhdjkfg.</span> ❞</td></tr><tr></tr><tr><td valign="top" style="height: 100px;"><br /><img alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="align:center; border:3px solid #E0E0E0;" /></td><td valign="top" style="height: 100px;"><table cellspacing="0" cellpadding="1" border="0" style="width: 324px; height: 1px;"><tbody><tr><td style="text-align: left;"><br />NAME</td><td style="text-align: right;"><br />[✔ ☈ ✘]</td></tr></tbody></table>❝ <span style="font-size: smaller;">...</span> ❞</td></tr></tbody></table></center><br /><br /><center><table width="200" cellspacing="1" cellpadding="2" border="0"><tbody><tr><td colspan="8" style="background-color: #E0E0E0;">GONE</td></tr><tr><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td></tr><tr><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" alt="" src="http://www.dreamwidth.org/userpic/1012847/1144329" _fcksavedurl="http://www.dreamwidth.org/userpic/1012847/1144329" style="border:2px solid #E0E0E0;" /></td></tr></tbody></table></center>

CR Chart #2

Key
<table cellspacing="2" cellpadding="2" border="0" style="width: 460px; height: 121px;"><tbody><tr><td valign="top" rowspan="3" style="width: 7px; background-color: #E0E0E0;"> </td><td><div style="text-align: center;">❦</div><div style="text-align: center;"><span style="font-size: smaller;">love</span></div></td><td><div style="text-align: center;">❤</div><div style="text-align: center;"><span style="font-size: smaller;">attraction</span></div></td><td><div style="text-align: center;">✿</div><div style="text-align: center;"><span style="font-size: smaller;">friend</span></div></td><td><div style="text-align: center;">❡</div><div style="text-align: center;"><span style="font-size: smaller;">respect</span></div></td><td><div style="text-align: center;">❢</div><div style="text-align: center;"><span style="font-size: smaller;">a</span><span style="font-size: smaller;">quaintance</span></div></td><td><div style="text-align: center;">✔</div><div style="text-align: center;"><span style="font-size: smaller;">tolerable</span></div></td><td> </td><td> </td></tr><tr><td style="text-align: center;">✠<br /><span style="font-size: smaller;">comrade in arms</span></td><td style="text-align: center;">✯<br /><span style="font-size: smaller;">enemy of war</span></td><td style="text-align: center;">¿<br /><span style="font-size: smaller;">uncertain</span></td><td style="text-align: center;">⟲<br /><span style="font-size: smaller;">complicated</span></td><td style="text-align: center;">❚<br /><span style="font-size: smaller;">indifferent</span></td><td style="text-align: center;">☈<br /><span style="font-size: smaller;">left and returned</span></td><td> </td><td> </td></tr><tr><td style="text-align: center;">✹<br /><span style="font-size: smaller;">hatred</span></td><td style="text-align: center;">✾<br /><span style="font-size: smaller;">dangerous</span></td><td style="text-align: center;">➷<br /><span style="font-size: smaller;">untrustworthy</span></td><td style="text-align: center;">❇<br /><span style="font-size: smaller;">irritating</span></td><td style="text-align: center;">❱<br /><span style="font-size: smaller;">avoidance</span></td><td style="text-align: center;">✘<br /><span style="font-size: smaller;">annoyance</span></td><td> </td><td> </td></tr></tbody></table><br />

Chart
<center><table cellspacing="1" cellpadding="2" border="0" style="width: 361px; height: 306px;"><tbody><tr><td style="background-color: #E0E0E0;"><span style="font-size: medium;">CANON</span></td></tr><tr><td valign="top"><table cellspacing="1" cellpadding="1" border="0" style="width: 357px; height: 100px;"><tbody><tr><td valign="top" style="width: 100px;"> <img style="border: 3px solid #E0E0E0" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td valign="top"> <table cellspacing="1" cellpadding="1" border="0" style="width: 286px; height: 106px; background-color: rgb(224, 224, 224);"><tbody><tr style="height: 10px;"><td valign="top"><span style="font-size: small;">NAME</span></td><td valign="top" style="text-align: right;"><span style="font-size: small;">[✔ ☈ ✘]</span></td></tr><tr><td valign="top" colspan="2"><span style="font-size: x-small;">❝ kaljsdhjkashsd kjashdkljsahd sdj hkjashh sdhkjshfjs hsdhksjdhfsj hdfjkashfskjdhgskjd hfsjkdhdsjh sjh sdjhsj sjshdjshgjsdhgs kd. ❞</span></td></tr></tbody></table></td></tr></tbody></table> <table cellspacing="1" cellpadding="1" border="0" style="width: 357px; height: 100px;"><tbody><tr><td valign="top" style="width: 100px;"> <img style="border: 3px solid #E0E0E0" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td valign="top"> <table cellspacing="1" cellpadding="1" border="0" style="width: 284px; height: 106px; background-color: rgb(224, 224, 224);"><tbody><tr style="height: 10px;"><td valign="top"><span style="font-size: small;">NAME</span></td><td valign="top" style="text-align: right;"><span style="font-size: small;">[✔ ☈ ✘]</span></td></tr><tr><td valign="top" colspan="2"><span style="font-size: x-small;">❝ <span>...</span> ❞</span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center> <center><table cellspacing="1" cellpadding="2" border="0" style="width: 373px; height: 306px;"><tbody><tr><td style="background-color: #E0E0E0;"><span style="font-size: medium;">PANFANDOM</span></td></tr><tr><td valign="top"><table cellspacing="1" cellpadding="1" border="0" style="width: 357px; height: 100px;"><tbody><tr><td valign="top" style="width: 100px;"> <img style="border: 3px solid #E0E0E0" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td valign="top"> <table cellspacing="1" cellpadding="1" border="0" style="width: 285px; height: 106px; background-color: rgb(224, 224, 224);"><tbody><tr style="height: 10px;"><td valign="top"><span style="font-size: small;">NAME</span></td><td valign="top" style="text-align: right;"><span style="font-size: small;">[✔ ☈ ✘]</span></td></tr><tr><td valign="top" colspan="2"><span style="font-size: x-small;">❝ ... ❞</span></td></tr></tbody></table></td></tr></tbody></table> <table cellspacing="1" cellpadding="1" border="0" style="width: 357px; height: 100px;"><tbody><tr><td valign="top" style="width: 100px;"> <img style="border: 3px solid #E0E0E0" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td valign="top"> <table cellspacing="1" cellpadding="1" border="0" style="width: 284px; height: 106px; background-color: rgb(224, 224, 224);"><tbody><tr style="height: 10px;"><td valign="top"><span style="font-size: small;">NAME</span></td><td valign="top" style="text-align: right;"><span style="font-size: small;">[✔ ☈ ✘]</span></td></tr><tr><td valign="top" colspan="2"><span style="font-size: x-small;">❝ <span>...</span> ❞</span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center> <center><table width="200" cellspacing="1" cellpadding="2" border="0"><tbody><tr><td style="background-color: #E0E0E0;" colspan="8">GONE</td></tr><tr><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td></tr><tr><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td><td style="height: 5px; width: 5px;"><img width="50" height="50" style="border:2px solid #E0E0E0;" src="http://www.dreamwidth.org/userpic/1012847/1144329" alt="" /></td></tr></tbody></table></center>

Notes

♠ You are free to edit these tables as you see fit/turn them into muselists/etc. ♠ I haven't found a way to minimize spacing when you want horizontal tables with images, so it'll have to be a little long. Smaller images does minimize the buffer space. ♠ The necessary linebreaks are in the code so you can just copy/paste cells and it should be fine. If you need to know where they have to be: the td tag holding the icon, and the td tag holding the text/the table with the text. ♠ Coded on Firefox and viewed with DW's layout/custom layouts.

Credits

deathcard or ginrummied