Chciałbym wyśrodkować oto ten pasek:
* Strona główna
* Panel użytkownika
* Zobacz swoje posty
* FAQ
* Użytkownicy
* mChat
* Kontakt
* Zarejestruj się
* Wyloguj [ Robert ]
Plik overall_header:
Kod: Zaznacz cały
<div id="topmenu">
<ul>
<li><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
<li><a href="{U_PROFILE}"><span>{L_PROFILE}</span></a></li>
<li><a href="{U_SEARCH_SELF}"><span>{L_SEARCH_SELF}</span></a></li>
<li><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
<li><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li>
<li class="icon-bump"><a href="{ROOT_PATH}mchat.php" title="mChat">mChat</a></li>
<!-- IF S_CONTACT_ENABLED --><li class="icon-contact"><a href="{U_CONTACT}" title="{L_CONTACT_BOARD_ADMIN}">{L_CONTACT_BOARD_ADMIN_SHORT}</a></li><!-- ENDIF -->
<li><a href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li>
<li><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
<li><a href="#"><span></span></a></li>
<li><a href="#"><span></span></a></li>
</ul>
</div>
</div>Kod: Zaznacz cały
#topmenu {
margin: 0;
padding: 0;
font-family: tahoma, sans-serif;
font-size: 11px;
}
#topmenu ul {
padding: 0 0 0 5px;
margin: 0;
list-style-type: none;
width: auto;
float: left;
}
#topmenu ul li {
margin: 0;
padding: 0;
display: inline;
}
#topmenu ul li {
margin: 0;
padding: 0;
display: inline;
}
#topmenu ul li a {
float: left;
display: block;
margin: 0 0 0 2px;
padding: 0 0 0 10px;
text-decoration: none;
line-height: 30px;
color: #fcfcfc;
background: #2C6CAE url("{T_THEME_PATH}/images/topmenu-l.gif") 0 0 no-repeat;
}
#topmenu ul li a span {
float: left;
display: block;
padding: 0 15px 0 7px;
cursor: pointer;
}
#topmenu ul li a.current {
color: #000;
font-weight: bold;
background: #000 url("{T_THEME_PATH}/images/topmenu-active-l.gif") 0 0 no-repeat;
}
#topmenu ul li a:hover {
display: block;
width: auto;
background: #000 url("{T_THEME_PATH}/images/topmenu-active-r.gif") 100% 0 no-repeat;
}
#topmenu ul li a:hover span {
text-decoration: underline;
display: block;
width: auto;
}