MyBB Community Forums

Full Version: fix my topic layout?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
This is what my page look like here:
http://gyazo.com/f11083852eece639a52791a13adcaaa4

But when I add this code
<div class="float_right"><div id="Voting_Container">{$post['tprdsp']}</div></div>
into my postbit_classic, it mess up the entire layout.

postbit_classic
{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
	<tr>
		<td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
		<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
		<span class="smalltext">
			{$post['usertitle']}<br />
			{$post['userstars']}
			{$post['groupimage']}
			{$post['useravatar']}<br />
			{$post['user_details']}
		</span>
	</td>
	<td class="{$altbg}" valign="top">
		<table width="100%">
			<br />
<div class="float_right"><div id="Voting_Container">{$post['tprdsp']}</div></div>
			<div id="pid_{$post['pid']}" class="post_body">
				{$post['message']}
			</div>
			{$post['attachments']}
			{$post['signature']}
			<div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
				<div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
				{$post['iplogged']}
			</div>
		</td></tr>
	</table>
</td>
</tr>
<tr>
	<td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
	<td class="{$altbg}" style="vertical-align: middle; padding-bottom: 0px;">
		<table width="100%" border="0" cellpadding="0" cellspacing="0">
			<tr valign="bottom">
				<td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
				<td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
			</tr>
		</table>
	</td>
</tr>
</table>

It look like this after adding the code
http://gyazo.com/696d490311afb58e11b3ff97356ed2d2

Website: http://comingsoon.visualizeedits.com/thread-1.html

If you need me to post codes such as for that (Thumb up and down) box, please let me know.
I believe you don't need to have two different div tags for class and ID. I believe you can have them together.

Example:

<div id="Voting_Container" class="float_right">{$post['tprdsp']}</div>
(2013-07-30, 11:55 PM)Arbaz Wrote: [ -> ]I believe you don't need to have two different div tags for class and ID. I believe you can have them together.

Example:

<div id="Voting_Container" class="float_right">{$post['tprdsp']}</div>

Oh I don't know, I just got used to it but I updated the topic above. Made a mistake with the very first link and showed a preview.

Fixed! I moved it to here:
	</td>
	<td class="{$altbg}" valign="top">
<div id="Voting_Container" class="float_right">{$post['tprdsp']}</div>
		<table width="100%">
			<br />
			<div id="pid_{$post['pid']}" class="post_body">
				{$post['message']}
			</div>
			{$post['attachments']}
			{$post['signature']}