I've ran into a problem and was hoping someone here had an answer. I've placed a Chatango box on my forum just below the Who Is Online section. The exact code has moved around a few times and I keep having the same effect. The chat box is only appearing halfway as wide as it should.
Here's the code placement from the index_body.html:
Code: Select all
<!-- IF S_DISPLAY_ONLINE_LIST -->
<br clear="all" />
<div id="viewonline_h" style="display: none;">
<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><img style="padding-top: 9px; padding-right: 6px; float: right; cursor: pointer;" src="{T_THEME_PATH}{$MG_MAX}" onclick="ShowHide('viewonline_nh', 'viewonline_h', 'viewonline');" alt="{L_WHO_IS_ONLINE}" /><div class="tbl-title"><h4>{L_WHO_IS_ONLINE}</h4></div></div></div></div>
<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
<tr><td class="row1"><span class="gensmall"> </span></td></tr>
</table>
<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c"> </div></div></div></div>
</div>
<div id="viewonline_nh">
<script type="text/javascript">
<!--
tmp = 'viewonline';
if(GetCookie(tmp) == '2')
{
ShowHide('viewonline_nh', 'viewonline_h', 'viewonline');
}
//-->
</script>
<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><img style="padding-top: 9px; padding-right: 6px; float: right; cursor: pointer;" src="{T_THEME_PATH}{$MG_MIN}" onclick="ShowHide('viewonline_nh', 'viewonline_h', 'viewonline');" alt="{L_WHO_IS_ONLINE}" /><div class="tbl-title"><!-- IF U_VIEWONLINE --><h4><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h4><!-- ELSE --><h4>{L_WHO_IS_ONLINE}</h4><!-- ENDIF --></div></div></div></div>
<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
<tr>
<!-- IF LEGEND -->
<td class="row1" rowspan="2" align="center" valign="middle"><img src="{T_THEME_PATH}/images/online.png" alt="{L_WHO_IS_ONLINE}" /></td>
<!-- ELSE -->
<td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/online.png" alt="{L_WHO_IS_ONLINE}" /></td>
<!-- ENDIF -->
<td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}</span></td>
</tr>
<!-- IF LEGEND -->
<tr><td class="row1"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td></tr>
<!-- ENDIF -->
<tr><td class="cat-bottom" colspan="2"> </td></tr>
</table>
<object width="978" height="450" id="obj_1295582397868"><param name="movie" value="http://bandofbrigands.chatango.com/group"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1295582397868&a=F3EFE5&b=100&c=333333&d=333333&g=333333&l=F3EFE5&m=FF8313&n=333333&p=10&q=F3EFE5&r=100&t=0&w=0"/><embed id="emb_1295582397868" src="http://bandofbrigands.chatango.com/group" width="978" height="450" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1295582397868&a=F3EFE5&b=100&c=333333&d=333333&g=333333&l=F3EFE5&m=FF8313&n=333333&p=10&q=F3EFE5&r=100&t=0&w=0"></embed></object><br>[ <a href="http://bandofbrigands.chatango.com/clonegroup?ts=1295582397868">Copy this</a> | <a href="http://chatango.com/creategroup? ts=1295582397868">Start New</a> | <a href="http://bandofbrigands.chatango.com">Full Size</a> ]
<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c"> </div></div></div></div>You'll notice in the code that it's set to be 978 pixels wide but it's only using half the space it could. I'm assuming the problem is related to the table size but, to be totally honest, I've never been good with tables. So, can somebody tell me what needs to change to get this thing back at the normal size?
)