Выравнить меню по центру

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем Anbarter, 30.03.2009.

  1. Offline

    Anbarter Недавно здесь

    Регистрация:
    07.03.2009
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Мужской
    Безимени-1 копия.jpg

    Помогите выравнить меню по центру вот код

    /*----------------------------------------------------------------
    Copyright:
    Copyright (C) 2008 IceTheme. All Rights Reserved

    License:
    Copyrighted Commercial Software

    Author:
    IceTheme - http://wwww.icetheme.com
    ---------------------------------------------------------------- */
    /* Main Navigation
    ---------------------------------------------------------------- */


    #nav_wrap {
    }

    #nav-margin {
    }
    #nav{
    height:55px;
    z-index:1;
    width:972px!important;
    clear:both;
    background:none;
    background-image:url(../images/nav_bg.png);
    background-repeat:no-repeat}
    #nav ul{
    list-style:none;
    margin:1px 0 0 0;
    padding:0;
    float:center;}
    #nav ul li{
    position:relative;
    display: inline; /* Fix IE Step Down */
    float:left;
    min-height: 1px; /* Sophie Dennis contribution

    for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
    background-position: center center;
    }
    #nav li li {
    float:none}
    #nav a, #nav span.separator {
    text-align: center;
    height: 55px;
    line-height:44px;
    color:#FF0000;
    font-size:1.2em;
    letter-spacing:0.015em;
    display:block;
    white-space:nowrap;
    padding:0;
    margin:0;
    text-decoration:none;
    background-image: url(../images/nav_right.png);
    background-repeat: no-repeat;
    background-position: center 35%;
    left: 300px;
    }
    #nav span.separator span{
    padding:0 25px;}
    #nav a:hover span{
    height:45px;
    background:url(../images/nav_hover_arrow.png)

    no-repeat center bottom ; }

    #nav a span, #nav span.separator span {
    display: block;
    float: left; /* IE 6 Fix */
    padding: 0 25px;}
    #nav a:hover span {
    cursor: pointer; /* Remind IE which

    cursor to use! */}

    #nav li.parent a:hover span {
    background:none}

    #nav ul li#current a,
    #nav ul li.active a {
    height: 55px;}
    #nav ul li#current a span,
    #nav ul li.active a span {
    color:#fff;
    height:55px;
    background:url

    (../images/nav_current_arrow.png) no-repeat center bottom ; }

    #nav ul li#current ul a,
    #nav ul li.active ul a{/* reset the current

    for sub child */
    height:33px;}
    #nav ul li#current ul a span,
    #nav ul li.active ul a span {/* reset the

    current for sub child */
    background:none;
    height:33px;
    color:#D7D5D5;}

    body.font-small #nav ul li a,
    body.font-small #nav span.separator { height:50px; line-height:47px}


    #nav span.separator:hover {}
    #nav span.separator:hover span {}

    #nav ul li.parent:hover { color:#fff:}
    #nav ul li.parent:hover span{ color:#ccc;}

    /* First Level Childs */
    #nav ul ul{
    position:absolute;
    z-index:500;
    top:auto;
    display:none;
    width:204px;
    margin-top: -1.9em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 100px;
    padding-right: 0;
    padding-bottom: 1em;
    padding-left: 100px;
    }
    #nav ul ul li {}


    #nav ul ul ul{
    top:11px;
    left:204px;}

    div#nav li:hover{
    cursor:pointer;
    z-index:100;}

    div#nav li:hover ul ul,
    div#nav li li:hover ul ul,
    div#nav li li li:hover ul ul,
    div#nav li li li li:hover ul ul
    {display:none;}

    div#nav li:hover ul,
    div#nav li li:hover ul,
    div#nav li li li:hover ul,
    div#nav li li li li:hover ul
    {display:block;}

    div#nav ul ul a {
    text-align:left;
    float:none;
    padding:0;
    background:#af2713 url(../images/nav_drop_bg.png) repeat top left;
    height:33px!important;
    border-right:1px solid #AE927A;
    border-left:1px solid #AE927A;
    border-bottom:1px dashed #AE927A;
    line-height:35px!important;
    font-size:1.1em;}
    div#nav ul ul li a:hover,
    #nav ul ul li a:hover span{
    color:#fff!important;
    height:33px;
    background:#af2713 url(../images/nav_drop_bg.png) repeat top left;}

    div#nav ul ul span { height:none; line-height:none; float:none; width:none; color:none;}

    div#nav ul ul li.parent span{ background:none}

    div#nav ul ul a:hover span{ background:none}


    #nav ul ul li#current a { height:35px;background-image:none!important}
    #nav ul ul li#current a span { height:30px; background:none!important; color:#fff!important;}

    /* Second Level Childs */
    div#nav ul ul li.parent a span,
    div#nav ul ul li.parent a:hover span {
    background:url(../images/nav_secondchild.png) no-repeat 95% 45% ;}
    div#nav ul ul li.parent a:hover span {
    background-position:95% 47%}
    div#nav ul ul li.parent ul a span,
    div#nav ul ul li.parent ul a:hover span {
    background:none}

    /* Third Level Childs */
    div#nav ul ul ul li.parent a span,
    div#nav ul ul ul li.parent a:hover span {
    background:url(../images/nav_secondchild.png) no-repeat 95% 45% ;}
    div#nav ul ul ul li.parent a:hover span {
    background-position:95% 47%}
    div#nav ul ul ul li.parent ul a span,
    div#nav ul ul ul li.parent ul a:hover span {
    background:none}

    div#nav ul ul ul a {
    border-left:none}

    /* Other Menu*/

    #othermenu {
    margin:-5px -10px 15px -5px;
    overflow:hidden;
    position:relative;}
    #othermenu ul{
    margin:0;
    float:right;
    list-style-type:none;}
    #othermenu span.separator {
    display:block;
    height:40px;
    color:#333;
    background: url(../images/othermenu_bg.jpg) no-repeat left center;
    line-height:38px;
    padding:0 0 0 15px;
    font-family:Georgia, "Times New Roman", Times, serif;
    cursor:pointer;
    font-size:1.2em;}
    #othermenu span.separator:hover {
    }

    #othermenu ul li{
    width:210px}
    #othermenu ul li a {
    display:block;
    padding:0 15px;
    height:30px;
    line-height:32px;
    text-decoration:none;
    background:#FBF7EB;
    border-bottom:1px solid #F7F7F7;}
    #othermenu ul li a:hover {
    color:#555;}


    /* Second Level */
    #othermenu ul ul{ float:none; }
    #othermenu ul li ul li a {
    padding:0 15px 0 30px;
    display:block;
    border-bottom:1px solid #fff;
    background:#FBF7EB url

    (../images/menu_point.jpg) no-repeat 5% 49%}
    #othermenu ul li ul li a:hover {


    background:#F8F0DD url(../images/menu_point_hover.jpg) no-repeat 5% 49%}
    #othermenu ul li ul li#current a

    {


    background:#F8F0DD url(../images/menu_point_hover.jpg) no-repeat 5% 49%;
    color:#333}


    /* User Menu */
    ul#usermenu {
    margin:0 -5px;}
    ul#usermenu li{
    list-style-type:none}
    ul#usermenu li a {
    display:block;
    padding:0 10px;
    height:30px;
    line-height:32px;
    text-decoration:none;
    border-bottom:1px solid #fff;}
    ul#usermenu li a:hover {
    background:#FBF7EB}

    ul#usermenu li#current a {
    background:#FBF7EB;
    color:#555;}


    /* Top Menu */
    ul#topmenu {
    margin:0 5px 0 0;
    float:right;}
    ul#topmenu li{
    list-style-type:none;
    display:inline;
    margin:0 6px;}
     
  2.  
  3. Offline

    kokos Недавно здесь

    Регистрация:
    21.10.2008
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    попробуй поиграть с контейнером nav
    к примеру так:
    #nav {
    align: center;
    }
    ну или что-то в этом роде...
    а ваще, прикольный шаблон. Платный или нет? если нет, кинь ссылочку, плиз
     

Поделиться этой страницей

Загрузка...