Deanna's plotter (wip)

[dohtml] <center><table border="0" cellpadding="1" cellspacing="0" width="500"><tr><td align="left" valign="top" width="166"><div class="background"><div style='padding:10px;'> <div class="one"><div style="padding: 10px;">

<div style="width: 137px; height: 120px; background-image: url('150X120 GIF/IMAGE HERE - WILL CUT DOWN IF LARGER'); border: 5px solid #ddd;"></div>

<div style="width: 147px; height: 8px; padding-top: 1px; padding-bottom: 3px; margin-top: 2px; background-color: #e59db3; font-family: calibri; font-size: 8px; text-transform: uppercase; color: #f0f0f0; text-align: center; overflow: hidden; letter-spacing: 1px; ">Louis Weasley-16-gryffindor</div>

<div style="width: 147px; height: 175px; margin-top: 2px; font-family: verdana; font-size: 8px; text-transform: lowercase; color: #000; text-align: center; overflow: auto; line-height: 101%; text-align: justify;" class="wantedscroll">

FIRST CHARACTER DETAILS HERE

</div><a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div style="width: 147px; height: 13px; margin-top: 2px; background-color: #e59db3;"></div></a></div></div></div></div></td><td align="left" valign="top" width="166"><div class="background1"><div style='padding:10px;'> <div class="one"><div style="padding: 10px;">

<div style="width: 137px; height: 120px; background-image: url(http://www.entertainmentwallpaper.com/images/preview/celebrity/kaya-scodelario05.jpg); border: 5px solid #ddd;"></div>

<div style="width: 147px; height: 8px; padding-top: 1px; padding-bottom: 3px; margin-top: 2px; background-color: #978095; font-family: calibri; font-size: 8px; text-transform: uppercase; color: #f0f0f0; text-align: center; overflow: hidden; letter-spacing: 1px; ">Charlotte Greyback-17- slytherin</div>

<div style="width: 147px; height: 175px; margin-top: 2px; font-family: verdana; font-size: 8px; text-transform: lowercase; color: #000; text-align: center; overflow: auto; line-height: 101%; text-align: justify;" class="wantedscroll">

SECOND CHARACTER DETAILS HERE

</div><div style="width: 147px; height: 13px; margin-top: 2px; background-color: #978095;"></div></div></div></div></div></td><td align="left" valign="top" width="166"><div class="background2"><div style='padding:10px;'> <div class="one"><div style="padding: 10px;">

<div style="width: 137px; height: 120px; background-image: url('http://www.ninapeople.com/i/t/150/120923.jpg'); border: 5px solid #ddd;"></div>

<div style="width: 147px; height: 8px; padding-top: 1px; padding-bottom: 3px; margin-top: 2px; background-color: #ebb48b; font-family: calibri; font-size: 8px; text-transform: uppercase; color: #f0f0f0; text-align: center; overflow: hidden; letter-spacing: 1px; ">Remus lancaster-17- Slytherin</div>

<div style="width: 147px; height: 175px; margin-top: 2px; font-family: verdana; font-size: 8px; text-transform: lowercase; color: #000; text-align: center; overflow: auto; line-height: 101%; text-align: justify;" class="wantedscroll">

THIRD CHARACTER DETAILS HERE

</div><div style="width: 147px; height: 13px; margin-top: 2px; background-color: #ebb48b;"></div></div></div></div></div>
</td></tr></table></center><style type="text/css">.one { width:166px; height:356px; background-color: #fff; position: relative; }
.background { background-color: #e59db3; width:80px; height: 80px; border-bottom: 286px solid #ddd; border-right: 96px solid #ddd; }
.background1 { background-color: #978095; width:80px; height: 80px; border-bottom: 286px solid #ddd; border-right: 96px solid #ddd; }
.background2 { background-color: #ebb48b; width:80px; height: 80px; border-bottom: 286px solid #ddd; border-right: 96px solid #ddd; }
.wantedscroll::-webkit-scrollbar { background: #fff; width: 3px; } .wantedscroll::-webkit-scrollbar-thumb { background: #fff; }
</style> [/dohtml]