Вопрос о изменение footer в версии 0.4.RC
Была у меня задача сделать футер похожим на хабр. Добрые люди уже решили эту задачу и она отлично работала в версии 0.3.1 но в 0.4 работать отказалась. Вот предложенные изменения в футере 0.3.1
и соответственно в css
В четвёрке несколько иначе
ссылки в футере приобрели вот такой вид
но что делать с css не понятно, всё выводится «столбиком»
подскажите плз.
<!-- Footer -->
<div id="footer">
<div class="foo_menu">
{if !$oUserCurrent}
<dl id="users">
<dd><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_LOGIN}/">{$aLang.user_login_submit}</a></dd>
<dd><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_REGISTRATION}/">{$aLang.user_registration}</a></dd>
</dl>
{/if}
<dl>
<dt>Разделы</dt>
<dd><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_BLOGS}/">{$aLang.blogs}</a></dd>
<dd><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_PEOPLE}/">{$aLang.people}</a></dd>
<dd><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_COMPANY}/">{$aLang.companies}</a></dd>
<dd><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_TOP}/">↑↓↑↓</a></dd>
</dl>
<dl>
<dt>Блоги</dt>
<dd><a href="{$DIR_WEB_ROOT}/">{$aLang.blog_menu_all}</a></dd>
<dd><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_BLOG}/">{$aLang.blog_menu_collective}</a></dd>
<dd><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_COMPANY}/blog/">{$aLang.blog_menu_company}</a></dd>
<dd><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_PERSONAL_BLOG}/">{$aLang.blog_menu_personal}</a></dd>
</dl>
<dl>
<dt>Инфо</dt>
<dd><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_PAGE}/about/">О сайте</a></dd>
<dd><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_PAGE}/help/">Помощь</a></dd>
</dl>
</div>
<div id="copyright">
© 2010 «<a href="#">чего-то там</a>»
</div>
</div>
<!-- /Footer -->
и соответственно в css
#footer .foo_menu { float: left; overflow: hidden; position: relative; width: 65%; }
#footer .foo_menu dl { float: left; width: 16.5%; }
#footer .foo_menu dl dt { margin-bottom: 4px; }
#footer .foo_menu dl dd { line-height: 20px; font-size: 11px; }
#footer .foo_menu dl#users { margin-top: 22px; }
#footer #copyright { float: left; margin-left: 3%; width: 32%; }
В четвёрке несколько иначе
ссылки в футере приобрели вот такой вид
<a href="{router page='page'}about/">{$aLang.page_about}
<a href="{router page='blog'}">{$aLang.blogs}</a>
<a href="{router page='page'}help/">{$aLang.page_help}Помощь</a>
но что делать с css не понятно, всё выводится «столбиком»
подскажите плз.
0 комментариев