Помогите доделать меню до конца

Тема в разделе "Вопросы по работе с меню", создана пользователем stas11, 13.12.2010.

  1. Offline

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

    Регистрация:
    13.12.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Добрый вечер! Помогите доделать меню! не могу прописать в ccs все правильно чтоб нормально заработало боковое меню! Ща кину 2 скрина чтоб было наглядей)
    [​IMG]
    Вот первый скрин, здесь при нажатии на пункт меню Продукция, выпадает 6 подпунктов меню ( все как я и хотел, простенько чтоб было))
    А вот когда нажимаешь на любой из этих подпунктов, то получается такая картина:
    [​IMG]
    И вопрос такой: что надо прописать в ccs , чтоб подпункты меню не изменяли своего состояния при нажатии любой из этих подпунктов???

    также приведу пример ccs для этого бокового меню:


    /* ****** left col current menu ****** */


    #leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,

    #rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
    display:block;
    line-height:20px;
    border-bottom:1px dotted #67a1c4;
    padding:2px 0px 0 12px;
    text-decoration:none;
    color:#67a1c4;

    font-weight:bold;
    }



    #leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {

    color:#333333;
    }



    /* ****** left col sub menu ****** */

    #leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {

    margin:0;
    padding:0 0 0 0px;
    list-style:none;
    }



    #leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link,

    #rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link {

    background: transparent url(../images/i1.gif) left no-repeat;
    text-decoration:none;
    color:#666666;
    font-size: 10px;
    padding:5px 19px;
    }




    #leftcolumn ul.menu li.active ul li#current a,
    #leftcolumn ul.menu li.active ul li#current a a:link {
    background: transparent url(../images/i1.gif) left no-repeat;
    text-decoration:none;
    color:#67a1c4;
    font-size: 10px;
    padding:5px 19px;
    }


    #leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link,

    #rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link



    #leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover { ..images/i1.gif) left no-repeat;

    color:#666666;
    }



    /* forms */


    #leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
    margin:6px 0;
    padding:0;
    list-style:none;
    }



    #leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
    margin:0;
    padding:0 2px;
    }



    table.adminform textarea {
    width: 540px;
    height: 400px;
    font-size: 1em;
    color: #000099;
    }



    div.search input {
    width: 145px;
    border: 1px solid #ccc;
    margin: 15px 0 10px 0;
    }



    form#form-login fieldset {
    margin:0px 20px 0 20px;
    padding:20px 0 0 0;
    border:none;
    text-align:left;
    }


    form#form-login ul {
    text-align:left;
    list-style:none;
    margin:10px 0 0 0;
    padding:0;}


    form#form-login ul li{
    text-align:left;
    margin:0;
    padding:0 0 0 20px;
    }



    /* thumbnails */
    div.mosimage { margin: 5px; }


    div.mosimage_caption { font-size: .90em; color: #666; }



    div.caption { padding: 0 10px 0 10px; }


    div.caption img { border: 1px solid #CCC; }


    div.caption p { font-size: .90em; color: #666; text-align: center; }



    Буду очень благодарен всем за помощь!!!!
     
  2.  

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

Загрузка...