no subject

Beautiful chart! I'm using a slightly tweaked version over here, although I've ran into a small issue: for some reason, I can't get the image to center properly on the card.

I'm not sure if it's because of a code snippet I've accidentally deleted or if it's just not intended for actual threads, but I can't seem to figure out what's causing it. Is there any way to fix this? Sorry for the trouble. If it helps, I've included a paste of the code below.

<table style="margin: auto; width: 720px;"><tr>
<tr>
<tr>
<td style="vertical-align: top; padding:20px;"><div style="margin: auto; width: 220px; align: center;"><div style="vertical-align:top; height:90px; width:90px; padding:0; margin: auto;"><img src="http://v.dreamwidth.org/9382141/2334799" style="width: 90px; border: 4px solid #fff; border-radius:100%; box-shadow: #c2baa0 1px 1px 10px 3px;"></div>
<div style="min-height: 135px; background-color: #fff; border-radius: 25px; margin-top:-50px; box-shadow: #c2baa0 1px 1px 10px 4px; text-align: center; padding: 15px;">
<span style="margin-top: 25px; color:#5b5748; font-family:georgia; font-size:12pt; display: block; line-height:0.8em;">» <i>mansome</i> «</span><hr style="margin: 10px 0 12px 0;"><span style="font-family:georgia; font-size:14pt; display: block; color:#423e31; text-shadow: 2px 2px 4px #999; line-height:0.9em; text-transform: uppercase;">DOUG</span><hr style="margin: 12px 0 5px 0;"><span style="font-family:georgia; font-size:11pt; color:#5b5748;">rune factory 4</span>
</div></div></div></td>

<td style="vertical-align: top; padding:20px;"><div style="margin: auto; width: 220px; align: center;"><div style="vertical-align:top; height:90px; width:90px; padding:0; margin: auto;"><img src="http://v.dreamwidth.org/8627171/2356207" style="width: 90px; border: 4px solid #fff; border-radius:100%; box-shadow: #c2baa0 1px 1px 10px 3px;"></div>
<div style="min-height: 135px; background-color: #fff; border-radius: 25px; margin-top:-50px; box-shadow: #c2baa0 1px 1px 10px 4px; text-align: center; padding: 15px;">
<span style="margin-top: 25px; color:#5b5748; font-family:georgia; font-size:12pt; display: block; line-height:0.8em;">» <i>divinewrath</i> «</span><hr style="margin: 10px 0 12px 0;"><span style="font-family:georgia; font-size:14pt; display: block; color:#423e31; text-shadow: 2px 2px 4px #999; line-height:0.9em; text-transform: uppercase;">NEL ZELPHER</span><hr style="margin: 12px 0 5px 0;"><span style="font-family:georgia; font-size:11pt; color:#5b5748;">star ocean 3</span>
</div></div></div></td>
</tr>
<tr>
<td style="vertical-align: top; padding:20px;"><div style="margin: auto; width: 220px; align: center;"><div style="vertical-align:top; height:90px; width:90px; padding:0; margin: auto;"><img src="http://i.imgur.com/uEnWcat.png" style="width: 90px; border: 4px solid #fff; border-radius:100%; box-shadow: #c2baa0 1px 1px 10px 3px;"></div>
<div style="min-height: 135px; background-color: #fff; border-radius: 25px; margin-top:-50px; box-shadow: #c2baa0 1px 1px 10px 4px; text-align: center; padding: 15px;">
<span style="margin-top: 25px; color:#5b5748; font-family:georgia; font-size:12pt; display: block; line-height:0.8em;">» <i>no journal</i> «</span><hr style="margin: 10px 0 12px 0;"><span style="font-family:georgia; font-size:14pt; display: block; color:#423e31; text-shadow: 2px 2px 4px #999; line-height:0.9em; text-transform: uppercase;">RAQUEL APPLEGATE</span><hr style="margin: 12px 0 5px 0;"><span style="font-family:georgia; font-size:11pt; color:#5b5748;">wild arms 4</span>
</div></div></div></td>

<td style="vertical-align: top; padding:20px;"><div style="margin: auto; width: 220px; align: center;"><div style="vertical-align:top; height:90px; width:90px; padding:0; margin: auto;"><img src="http://v.dreamwidth.org/9238547/2415751" style="width: 90px; border: 4px solid #fff; border-radius:100%; box-shadow: #c2baa0 1px 1px 10px 3px;"></div>
<div style="min-height: 135px; background-color: #fff; border-radius: 25px; margin-top:-50px; box-shadow: #c2baa0 1px 1px 10px 4px; text-align: center; padding: 15px;">
<span style="margin-top: 25px; color:#5b5748; font-family:georgia; font-size:12pt; display: block; line-height:0.8em;">» <i>crystlink</i> «</span><hr style="margin: 10px 0 12px 0;"><span style="font-family:georgia; font-size:14pt; display: block; color:#423e31; text-shadow: 2px 2px 4px #999; line-height:0.9em; text-transform: uppercase;">AIRY</span><hr style="margin: 12px 0 5px 0;"><span style="font-family:georgia; font-size:11pt; color:#5b5748;">bravely default</span>
</div></div></div></td>
</tr>
<tr>
<td style="vertical-align: top; padding:20px;"><div style="margin: auto; width: 220px; align: center;"><div style="vertical-align:top; height:90px; width:90px; padding:0; margin: auto;"><img src="http://v.dreamwidth.org/10693044/2555830" style="width: 90px; border: 4px solid #fff; border-radius:100%; box-shadow: #c2baa0 1px 1px 10px 3px;"></div>
<div style="min-height: 135px; background-color: #fff; border-radius: 25px; margin-top:-50px; box-shadow: #c2baa0 1px 1px 10px 4px; text-align: center; padding: 15px;">
<span style="margin-top: 25px; color:#5b5748; font-family:georgia; font-size:12pt; display: block; line-height:0.8em;">» <i>cruxisms</i> «</span><hr style="margin: 10px 0 12px 0;"><span style="font-family:georgia; font-size:14pt; display: block; color:#423e31; text-shadow: 2px 2px 4px #999; line-height:0.9em; text-transform: uppercase;">MITHOS YGGDRASIL</span><hr style="margin: 12px 0 5px 0;"><span style="font-family:georgia; font-size:11pt; color:#5b5748;">tales of symphonia</span>
</div></div></div></td>

<td style="vertical-align: top; padding:20px;"><div style="margin: auto; width: 220px; align: center;"><div style="vertical-align:top; height:90px; width:90px; padding:0; margin: auto;"><img src="http://i.imgur.com/POKmDBs.png" style="width: 90px; border: 4px solid #fff; border-radius:100%; box-shadow: #c2baa0 1px 1px 10px 3px;"></div>
<div style="min-height: 135px; background-color: #fff; border-radius: 25px; margin-top:-50px; box-shadow: #c2baa0 1px 1px 10px 4px; text-align: center; padding: 15px;">
<span style="margin-top: 25px; color:#5b5748; font-family:georgia; font-size:12pt; display: block; line-height:0.8em;">» <i>no journal</i> «</span><hr style="margin: 10px 0 12px 0;"><span style="font-family:georgia; font-size:14pt; display: block; color:#423e31; text-shadow: 2px 2px 4px #999; line-height:0.9em; text-transform: uppercase;">TAKUMI</span><hr style="margin: 12px 0 5px 0;"><span style="font-family:georgia; font-size:11pt; color:#5b5748;">fire emblem: fates</span>
</div></div></div></td>
<td style="vertical-align: top; padding:20px;"><div style="margin: auto; width: 220px; align: center;"><div style="vertical-align:top; height:90px; width:90px; padding:0; margin: auto;"><img src="http://v.dreamwidth.org/2478406/1485733" style="width: 90px; border: 4px solid #fff; border-radius:100%; box-shadow: #c2baa0 1px 1px 10px 3px;"></div>
<div style="min-height: 135px; background-color: #fff; border-radius: 25px; margin-top:-50px; box-shadow: #c2baa0 1px 1px 10px 4px; text-align: center; padding: 15px;">
<span style="margin-top: 25px; color:#5b5748; font-family:georgia; font-size:12pt; display: block; line-height:0.8em;">» <i>dollsofwar</i> «</span><hr style="margin: 10px 0 12px 0;"><span style="font-family:georgia; font-size:14pt; display: block; color:#423e31; text-shadow: 2px 2px 4px #999; line-height:0.9em; text-transform: uppercase;">ALICE MARGATROID</span><hr style="margin: 12px 0 5px 0;"><span style="font-family:georgia; font-size:11pt; color:#5b5748;">touhou project</span>
</div></div></div></td>
</tr>
</table>
<center><small>credit to <a href="http://efryndiel.dreamwidth.org/6377.html">laenavesse</a>, except i somehow ended up breaking the image part anyway.</small></center>

(11 comments)

no subject

Post a comment in response: