Измененное левое меню (Каталог)

[simbion]

Помогите решить проблему.
Нужно переделать Левое меню (category_tree.tpl.html), чтобы было как на сайте Для просмотра ссылки Войди или Зарегистрируйся.
В приведенном внизу коде (картинка справу), уже все готово. Вот только одна мелочь.
Когда активен один из пунктов подменю пропадает отступ сверху в 17px (padding-top:17px.
Ну вообщем, нужно, что-бы было как на картинке слева...
Спасибо.

<table width="200" cellspacing="0" cellpadding="0" border="0">
{section name=i loop=$categories_tree}

{if $categories_tree[i].categoryID != 1}

{if $categoryID == $categories_tree[i].categoryID} <!-- Если АКТИВНО-->


{if $categories_tree[i].level > 1} <!-- Активно -->
<tr>
<td valign="top" style="padding-top:22px;"><img src="images/2.gif" width="5" height="5"></td>
<td valign="top" style="padding-top:17px;padding-left:2px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}" style="color: #666666;font: 11px Tahoma, Helvetica, sans-serif;padding:0px 0px 0px 1px;margin:0px 0px 0px 0px;">{$categories_tree[i].name}</a></td>
</tr> <!-- ДОПОЛНИТЕЛЬНОЕ -->
{else}
<tr>
<td valign="top" style="padding-top:12px;"><img vspace="2" src="images/1.gif" width="7" height="7"></td>
<td valign="top" style="padding-top:9px;padding-bottom:16px;padding-left:7px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}" style="font:12px Arial, Helvetica, sans-serif; font-weight: bold;">{$categories_tree[i].name}</a></td>
</tr> <!-- ГЛАВНОЕ -->
{/if}

{else} <!-- Если НЕ АКТИВНО-->

{if $categories_tree[i].level > 1} <!-- Не активно -->
<tr>
<td valign="top" style="padding-top:6px;"><img src="images/2.gif" width="5" height="5"></td>
<td valign="top" style="padding-top:1px;padding-left:2px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}" style="color: #666666;font: 11px Tahoma, Helvetica, sans-serif;padding:0px 0px 0px 1px;margin:0px 0px 0px 0px;">{$categories_tree[i].name}</a></td>
</tr> <!-- ДОПОЛНИТЕЛЬНОЕ -->
{else}
<tr>
<td valign="top" style="padding-top:12px;"><img vspace="2" src="images/1.gif" width="7" height="7"></td>
<td valign="top" style="padding-top:9px;padding-left:7px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}" style="font:12px Arial, Helvetica, sans-serif; font-weight: bold;">{$categories_tree[i].name}</a></td>
</tr> <!-- ГЛАВНОЕ -->
{/if}

{/if}



{/if}
{/section}
</table>

 

[simbion]

Для специалиста разобраться в этом вопросе - максимум 1 минута) Помогите!

 

[fominsa]

а что ты хотел у тебя падинг скачет от активной строки тоесть если у тебя активная alcohol free то именно у этой ячейки будет падинг 17px на твоем бы месте в данном случае я бы обошелся без CSS и натягивал бы дополнительной строкой.

<table width="200" cellspacing="0" cellpadding="0" border="0"> 
{section name=i loop=$categories_tree} 
{if $categories_tree[i].categoryID != 1}
{math equation="xx+1" xx=$smarty.section.i.index assign="y"}
{if $categoryID == $categories_tree[i].categoryID} <!-- Если АКТИВНО--> 
{if $categories_tree[i].level > 1} <!-- подкатегория активная --> 
	<tr> 
		<td valign="top" style="padding-top:6px;"><img src="images/2.gif" width="5" height="5"></td> 
		<td valign="top" style="padding-left:2px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}" style="color: #000099;font: 11px Tahoma, Helvetica, sans-serif;padding:0px 0px 0px 1px;margin:0px 0px 0px 0px;">{$categories_tree[i].name}</a></td> 
	</tr>
{else}  <!-- главная категория активная --> 
	<tr> 
		<td valign="top" style="padding-top:12px;"><img vspace="2" src="images/1.gif" width="7" height="7"></td> 
		<td valign="top" style="padding-top:9px;padding-left:7px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}" style="font:12px Arial, Helvetica, sans-serif; color: #000099;font-weight: bold;">{$categories_tree[i].name}</a></td> 
	</tr> 
{if $categories_tree[$y].level>$categories_tree[i].level}	<tr><td colspan="2" height="17"></td></tr>{/if}
{/if} 
{else} <!-- Если НЕ АКТИВНО--> 
{if $categories_tree[i].level > 1} <!-- подкатегория --> 
	<tr> 
		<td valign="top" style="padding-top:6px;"><img src="images/2.gif" width="5" height="5"></td> 
		<td valign="top" style="padding-left:2px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}" style="color: #666666;font: 11px Tahoma, Helvetica, sans-serif;padding:0px 0px 0px 1px;margin:0px 0px 0px 0px;">{$categories_tree[i].name}</a></td> 
	</tr> 
{else} <!-- главная категория не активная! -->
	<tr> 
		<td valign="top" style="padding-top:12px;"><img vspace="2" src="images/1.gif" width="7" height="7"></td> 
		<td valign="top" style="padding-top:9px;padding-left:7px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}" style="font:12px Arial, Helvetica, sans-serif; font-weight: bold;">{$categories_tree[i].name}</a></td> 
	</tr>
{if $categories_tree[$y].level>$categories_tree[i].level}	<tr><td colspan="2" height="17"></td></tr>{/if}
{/if} 
{/if} 
{/if} 
{/section} 
</table>

активную тстроку в данный момент еще бы не полохо было бы выделить либо цветом либо жирным шрифтом я ее выделил синим цветом

 

[simbion]

Теперь работает как надо! Спасибо!
(P.S.:возился с этим вопросом часов 8..., потом решил отписать на форуме)