Вот идет CSS меню , но к сожалению мне его никак не получается выровнять по центру HTML
Code
<div id="tabs">
<ul>
<li><a href="$HOME_PAGE_LINK$" ><span>Главная</span></a></li>
<?if($MODULE_ID$='index')?>
<li> <a href="/" ><span>Карта сайта</span></a></li>
<li> <a href="/blog/" ><span>Блог A.V.I</span></a></li>
<li> <a href="/load/1" ><span>Всё для uCoz</span></a></li>
<li> <a href="/load/2" ><span>Всё для Фотошопа</span></a></li>
<?endif?>
<?if($URI_ID$='ldCat2')?>
<li><a href="/load/3" title="Стили-Styles"><span>Стили</span></a></li>
<li><a href="/load/4" title="Кисти-Brushes"><span>Кисти</span></a></li>
<li><a href="/load/5" title="Шрифты-Fonts"><span>Шрифты</span></a></li>
<li><a href="/load/6" title="Формы-Shapes"><span>Формы</span></a></li>
<li><a href="/load/7" title="Заливки-Patterns"><span>Заливки</span></a></li>
<li><a href="/load/8" title="Текстуры-Textures"><span>Текстуры</span></a></li>
<li><a href="/load/9" title="Градиенты-Gradients"><span>Градиенты</span></a></li>
<?endif?>
<?if($URI_ID$='ldCat1')?>
<li><a href="/load/10" title="Everything for the webmaster"><span>Все для вебмастера</span></a></li>
<li><a href="/load/11" title="Templates for uCoz"><span>Шаблоны для uCoz</span></a></li>
<li><a href="/load/12" title="Scripts for uCoz"><span>Скрипты для uСoz</span></a></li>
<?endif?>
</ul>
</div>
А вот и CSS
Code
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}
#tabs {
float:center;
width:590px;
background:#FFFFFF;
font-size:100%;
line-height:normal;
margin-left: auto;
margin-right: auto;
}
#tabs ul {
margin:0 auto;
padding:1px 1px 0 5px;
list-style:none;
margin-left: auto;
margin-right: auto;
}
#tabs li {
display:inline;
margin:0;
padding:0;
}
#tabs a {
float:left;
background:url("/menu/tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 0px;
text-decoration:none;
}
#tabs a span {
float:left;
display:block;
background:url("/menu/tabright.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:#FFF;
}
#tabs a:hover {
background-position:0% -42px;
}
#tabs a:hover span {
background-position:100% -42px;
}