Collapse forum goal

Post by **themission** » 09 Dec 2011, 21:03

Hello , ive added collapse to forum_goal_body but i seem so be missind the bottom boarder of the block

<div class="forabg">
	<div class="inner"><span class="corners-top"><span></span></span>
	<ul class="topiclist">
		<li class="header">
			<dl class="icon">
				<dt>{L_FORUM_GOALS}</dt>
			</dl>
		</li>
	</ul>
		<!-- IF SCRIPT_NAME eq 'index' --><div class="portaltrigger portalactive"></div><!-- ENDIF -->
	<div class="collapsethis">		
	<ul class="topiclist forums">
	<ul class="topiclist forums">
	<li>
	<table style="text-align: left; width: 100%; padding:4px;" border="0" cellpadding="2" cellspacing="4">
	  <tbody>
			<!-- IF FPG_ENABLE -->
			<tr>
				<td style="width: 160px; font-size:12px;">{L_TOTAL_FORUM_POST_GOAL} <strong>{FORUM_POST_GOAL}</strong></td>
				<td style="width: 160px; font-size:12px;">{TOTAL_POSTS}</td>
				<td style="width: 160px; font-size:12px;"><!-- IF FORUM_POST_PERCENT < 100 -->{L_GOAL_REMAINING} <strong>{FORUM_POST_REST}</strong><!-- ELSE --><em>{L_GOAL_REMAINING_ZERO}</em> <img src="{ROOT_PATH}images/forum_goal_ok.png" width="12" height="12" alt="" /><!-- ENDIF --></td>
				<td><div style="background:url('{ROOT_PATH}images/forum_goal_grey.png') repeat-x; background-color: #cccccc; border: 1px solid black; width:100%;"><div style="background:url('{ROOT_PATH}images/forum_goal_<!-- IF FORUM_POST_PERCENT < 34 -->red<!-- ELSEIF FORUM_POST_PERCENT < 67 -->yellow<!-- ELSEIF FORUM_POST_PERCENT < 101 -->green<!-- ELSEIF FORUM_POST_PERCENT > 100 -->blue<!-- ENDIF -->.png') repeat-x;background-color: #008040; color: white; font-weight:bold;<!-- IF FORUM_POST_PERCENT < 100 --> border-right: 1px solid black;<!-- ENDIF --> max-width:100%;  width:{FORUM_POST_PERCENT}%; height:12px;"><span style="padding-left:25px; font-size:10px; line-height:12px;">{FORUM_POST_PERCENT}%</span></div></div></td>
			</tr>
			<!-- ENDIF -->
			<!-- IF FTG_ENABLE -->
			<tr>
				<td style="width: 160px; font-size:12px;">{L_TOTAL_FORUM_TOPIC_GOAL} <strong>{FORUM_TOPIC_GOAL}</strong></td>
				<td style="width: 160px; font-size:12px;">{TOTAL_TOPICS}</td>
				<td style="width: 160px; font-size:12px;"><!-- IF FORUM_TOPIC_PERCENT < 100 -->{L_GOAL_REMAINING} <strong>{FORUM_TOPIC_REST}</strong><!-- ELSE --><em>{L_GOAL_REMAINING_ZERO}</em> <img src="{ROOT_PATH}images/forum_goal_ok.png" width="12" height="12" alt="" /><!-- ENDIF --></td>
				<td><div style="background:url('{ROOT_PATH}images/forum_goal_grey.png') repeat-x; background-color: #cccccc; border: 1px solid black; width:100%;"><div style="background:url('{ROOT_PATH}images/forum_goal_<!-- IF FORUM_TOPIC_PERCENT < 34 -->red<!-- ELSEIF FORUM_TOPIC_PERCENT < 67 -->yellow<!-- ELSEIF FORUM_TOPIC_PERCENT < 101 -->green<!-- ELSEIF FORUM_TOPIC_PERCENT > 100 -->blue<!-- ENDIF -->.png') repeat-x;background-color: #008040; color: white; font-weight:bold;<!-- IF FORUM_TOPIC_PERCENT < 100 --> border-right: 1px solid black;<!-- ENDIF --> max-width:100%;  width:{FORUM_TOPIC_PERCENT}%; height:12px;"><span style="padding-left:25px; font-size:10px; line-height:12px;">{FORUM_TOPIC_PERCENT}%</span></div></div></td>
			</tr>
			<!-- ENDIF -->
			<!-- IF FUG_ENABLE -->
			<tr>
				<td style="width: 160px; font-size:12px;">{L_TOTAL_FORUM_USER_GOAL} <strong>{FORUM_USER_GOAL}</strong></td>
				<td style="width: 160px; font-size:12px;">{TOTAL_USERS}</td>
				<td style="width: 160px; font-size:12px;"><!-- IF FORUM_USER_PERCENT < 100 -->{L_GOAL_REMAINING} <strong>{FORUM_USER_REST}</strong><!-- ELSE --><em>{L_GOAL_REMAINING_ZERO}</em> <img src="{ROOT_PATH}images/forum_goal_ok.png" width="12" height="12" alt="" /><!-- ENDIF --></td>
				<td><div style="background:url('{ROOT_PATH}images/forum_goal_grey.png') repeat-x; background-color: #cccccc; border: 1px solid black; width:100%;"><div style="background:url('{ROOT_PATH}images/forum_goal_<!-- IF FORUM_USER_PERCENT < 34 -->red<!-- ELSEIF FORUM_USER_PERCENT < 67 -->yellow<!-- ELSEIF FORUM_USER_PERCENT < 101 -->green<!-- ELSEIF FORUM_USER_PERCENT > 100 -->blue<!-- ENDIF -->.png') repeat-x;background-color: #008040; color: white; font-weight:bold;<!-- IF FORUM_USER_PERCENT < 100 --> border-right: 1px solid black;<!-- ENDIF --> max-width:100%;  width:{FORUM_USER_PERCENT}%; height:12px;"><span style="padding-left:25px; font-size:10px; line-height:12px;">{FORUM_USER_PERCENT}%</span></div></div></td>
			</tr>
			<!-- ENDIF -->
			<!-- IF FFG_ENABLE -->
			<tr>
				<td style="width: 160px; font-size:12px;">{L_TOTAL_FORUM_FILES_GOAL} <strong>{FORUM_FILES_GOAL}</strong></td>
				<td style="width: 160px; font-size:12px;">{TOTAL_FILES}</td>
				<td style="width: 160px; font-size:12px;"><!-- IF FORUM_FILES_PERCENT < 100 -->{L_GOAL_REMAINING} <strong>{FORUM_FILES_REST}</strong><!-- ELSE --><em>{L_GOAL_REMAINING_ZERO}</em> <img src="{ROOT_PATH}images/forum_goal_ok.png" width="12" height="12" alt="" /><!-- ENDIF --></td>
				<td><div style="background:url('{ROOT_PATH}images/forum_goal_grey.png') repeat-x; background-color: #cccccc; border: 1px solid black; width:100%;"><div style="background:url('{ROOT_PATH}images/forum_goal_<!-- IF FORUM_FILES_PERCENT < 34 -->red<!-- ELSEIF FORUM_FILES_PERCENT < 67 -->yellow<!-- ELSEIF FORUM_FILES_PERCENT < 101 -->green<!-- ELSEIF FORUM_FILES_PERCENT > 100 -->blue<!-- ENDIF -->.png') repeat-x;background-color: #008040; color: white; font-weight:bold;<!-- IF FORUM_FILES_PERCENT < 100 --> border-right: 1px solid black;<!-- ENDIF --> max-width:100%;  width:{FORUM_FILES_PERCENT}%; height:12px;"><span style="padding-left:25px; font-size:10px; line-height:12px;">{FORUM_FILES_PERCENT}%</span></div></div></td>
			</tr>
			<!-- ENDIF -->
			<!-- IF FGG_ENABLE and TOTAL_IMAGES -->
			<tr>
				<td style="width: 160px; font-size:12px;">{L_TOTAL_FORUM_GALLERY_GOAL} <strong>{FORUM_GALLERY_GOAL}</strong></td>
				<td style="width: 160px; font-size:12px;">{TOTAL_IMAGES}</td>
				<td style="width: 160px; font-size:12px;"><!-- IF FORUM_GALLERY_PERCENT < 100 -->{L_GOAL_REMAINING} <strong>{FORUM_GALLERY_REST}</strong><!-- ELSE --><em>{L_GOAL_REMAINING_ZERO} <img src="{ROOT_PATH}images/forum_goal_ok.png" width="12" height="12" alt="" /></em><!-- ENDIF --></td>
				<td><div style="background:url('{ROOT_PATH}images/forum_goal_grey.png') repeat-x; background-color: #cccccc; border: 1px solid black; width:100%;"><div style="background:url('{ROOT_PATH}images/forum_goal_<!-- IF FORUM_GALLERY_PERCENT < 34 -->red<!-- ELSEIF FORUM_GALLERY_PERCENT < 67 -->yellow<!-- ELSEIF FORUM_GALLERY_PERCENT < 101 -->green<!-- ELSEIF FORUM_GALLERY_PERCENT > 100 -->blue<!-- ENDIF -->.png') repeat-x;background-color: #008040; color: white; font-weight:bold;<!-- IF FORUM_GALLERY_PERCENT < 100 --> border-right: 1px solid black;<!-- ENDIF --> max-width:100%;  width:{FORUM_GALLERY_PERCENT}%; height:12px;"><span style="padding-left:25px; font-size:10px; line-height:12px;">{FORUM_GALLERY_PERCENT}%</span></div></div></td>
			</tr>
			<!-- ENDIF -->
			<!-- IF FTVG_ENABLE -->
			<tr>
				<td style="width: 160px; font-size:12px;">{L_TOTAL_FORUM_VIEW_GOAL} <strong>{FORUM_VIEW_GOAL}</strong></td>
				<td style="width: 160px; font-size:12px;">{L_TOTAL_FORUM_VIEWS} <strong>{TOTAL_VIEWS}</strong></td>
				<td style="width: 160px; font-size:12px;"><!-- IF FORUM_VIEW_PERCENT < 100 -->{L_GOAL_REMAINING} <strong>{FORUM_VIEW_REST}</strong><!-- ELSE --><em>{L_GOAL_REMAINING_ZERO}</em> <img src="{ROOT_PATH}images/forum_goal_ok.png" width="12" height="12" alt="" /><!-- ENDIF --></td>
				<td><div style="background:url('{ROOT_PATH}images/forum_goal_grey.png') repeat-x; background-color: #cccccc; border: 1px solid black; width:100%;"><div style="background:url('{ROOT_PATH}images/forum_goal_<!-- IF FORUM_VIEW_PERCENT < 34 -->red<!-- ELSEIF FORUM_VIEW_PERCENT < 67 -->yellow<!-- ELSEIF FORUM_VIEW_PERCENT < 101 -->green<!-- ELSEIF FORUM_VIEW_PERCENT > 100 -->blue<!-- ENDIF -->.png') repeat-x;background-color: #008040; color: white; font-weight:bold;<!-- IF FORUM_VIEW_PERCENT < 100 --> border-right: 1px solid black;<!-- ENDIF --> max-width:100%;  width:{FORUM_VIEW_PERCENT}%; height:12px;"><span style="padding-left:25px; font-size:10px; line-height:12px;">{FORUM_VIEW_PERCENT}%</span></div></div></td>
			</tr>
			<!-- ENDIF -->
    <!-- IF FVG_ENABLE and WHO_WAS_HERE_TOTAL -->
             <tr>
                <td style="width: 160px; font-size:12px;">{L_TOTAL_FORUM_VISITOR_GOAL} <strong>{FORUM_VISITOR_GOAL}</strong></td>
                <td style="width: 160px; font-size:12px;">{L_TOTAL_FORUM_VISITOR} <strong>{VISITOR_TOTAL}</strong></td>
                <td style="width: 160px; font-size:12px;"><!-- IF FORUM_VISITOR_PERCENT < 100 -->{L_GOAL_REMAINING} <strong>{FORUM_VISITOR_REST}</strong><!-- ELSE --><em>{L_GOAL_REMAINING_ZERO} <img src="{ROOT_PATH}images/forum_goal_ok.png" width="12" height="12" alt="" /></em><!-- ENDIF --></td>
                <td><div style="background:url('{ROOT_PATH}images/forum_goal_grey.png') repeat-x; background-color: #cccccc; border: 1px solid black; width:100%;"><div style="background:url('{ROOT_PATH}images/forum_goal_<!-- IF FORUM_VISITOR_PERCENT < 34 -->red<!-- ELSEIF FORUM_VISITOR_PERCENT < 67 -->yellow<!-- ELSE -->green<!-- ENDIF -->.png') repeat-x;background-color: #008040; color: white; font-weight:bold;<!-- IF FORUM_VISITOR_PERCENT < 100 --> border-right: 1px solid black;<!-- ENDIF --> max-width:100%;  width:{FORUM_VISITOR_PERCENT}%; height:12px;"><span style="padding-left:25px; font-size:10px; line-height:12px;">{FORUM_VISITOR_PERCENT}%</span></div></div></td>
             </tr>
             <!-- ENDIF -->			
	  </tbody>
	</table>
	</li>
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	</div>
	</div>
</td>

At the bottom i had to add 3 </div> 's coz otherwise the blocks below it would keep opening and shutting ? any ideas how i can make it normal

link to site is www.squadoffour.com

Post by **themission** » 09 Dec 2011, 21:19

Doh - i think ive found the problem i had 2 x <ul class="topiclist forums"> in there