Вопросик по нижней части страницы

Домовой пишет:Так пойдёт?

Xаn_Kriеgor пишет:названия картинок перенести под сами картинки, как показано на скрине синими рамками?

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
<li>
<img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
</li>
</ul>
<!-- END switch_legend -->

<!-- BEGIN switch_legend -->
<center>
<div><img class="legendLink" alt="Открыть" src="ссылка на кнопку Открыть"/>
<div style="display:none;" class="legendCont">
<ul id="pun-legend">
<li>
<table width=100% border=0>
<tr align=center>
<td><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /><br/>{L_NEW_POSTS}</td>
<td><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /><br/>{L_NO_NEW_POSTS}</td>
<td><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /><br/>{L_FORUM_LOCKED}</td></tr>
</table>
</li>
</ul>
</div></div>
</center>
<!-- END switch_legend -->

$(document).ready(function(){
$('.legendLink').click(function(){
$(this).parent().children('div.legendCont').slideToggle("slow");
if( $(this).attr("src")=='ссылка на кнопку Открыть' )
$(this).attr("src","ссылка на кнопку Закрыть");
else $(this).attr("src","ссылка на кнопку Открыть");
return false;
});
});

/* блок условных обозначений */
.legendCont{
background-color:#FFFFFF; /* фон контейнера */
display:none;
border:3px double #DDDDDD; /* толщина, стиль и цвет рамки */
padding:5px;
margin-top:5px;
}