Collapse forum goal
Posted: 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
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
Code: Select all
<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>