Tables order problem
Permalink
Hello I have a problem with the HTML block. I am trying to add some html code in it, basically some tables that with display a profile. the first table on the left that holds the image is correctly set on the page but the second table that has the info such as name, location, etc. seem to be out of sync.
The tables should look like 'should be.png'
instead its like 'instead.png'
See attach img
code:
can someone help me out please.
The tables should look like 'should be.png'
instead its like 'instead.png'
See attach img
code:
<lj-raw><table align="center"><tr><td><table align="center" cellpadding="15" border="0" cellspacing="0" bgcolor="#111"><tr><td><table align="center" cellspacing="0" cellpadding="0"><tr><td bgcolor="#333" height="350" width="250" border="0" style="-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background-image: url('http://i.imgur.com/KMewU.jpg');"><div style="margin-top:195px;background:#111;padding:10px;font-family:arial black;letter-spacing:-3px;text-transform:uppercase;font-size:28px;color:#777;text-align:center;"> Name <div style="margin-top:-5px;font-family:tahoma;letter-spacing:2px;text-transform:uppercase;font-size:12px;color:#555;"> subtitle line here </div></div></td></tr></table></td></tr></table></td><td><table align="center" cellpadding="2" border="0" cellspacing="0" bgcolor="#111"><tr><td><table align="center" cellspacing="0" cellpadding="0"><tr><td valign="top" bgcolor="#fff" height="376" width="276" border="0"><div style="padding:6px;font-family:arial black;letter-spacing:-1px;font-size:20px;color:#111;margin-bottom:-5px;"> Character Info </div><div style="padding:3px;background:#111;width:93%;margin:0 auto;"></div><div style="padding-left:6px;padding-right:6px;line-height:175%;font-family:arial;color:#111;font-size:11px;"> <div style="border-bottom:1px solid #111"><b> Character Name </b></div><div style="border-bottom:2px solid #111"><b>PB</b> PB Name</div> <div style="border-bottom:1px solid #111;text-align:right"><b>Stats</b></div> <div style="border-bottom:1px solid #111"><b>Age</b> Age here</div> <div style="border-bottom:1px solid #111"><b>Height</b> Height here</div> <div style="border-bottom:1px solid #111"><b>Weight</b> Weight here</div> <div style="border-bottom:1px solid #111"><b>Job</b> Job here</div>
Viewing 15 lines of 19 lines. View entire code block.
can someone help me out please.
