Дизайн и Верстка > Всё о Html

Как создать многоуровневое меню для сайта?

(1/1)

anterior:
Здравствуйте! Очень при очень хочеться это сделать. Нужно создать раскрывающиеся подменю. Пока сделано только одноуровневое меню. Гуглил, гуглил несколько раз ответа не нашел :( Дошел до этого:


 
 
.menuContainer {
    background-color : #b3c7ea;
    font-family : Tahoma, Verdana;
    font-size : 8pt;
    height : 22px;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    position : absolute;
    text-align : center;
    top : 100px;
    white-space : nowrap;
    width : 100%;
    z-index : +1;
  }
.menuSubContainer {
    width: 100%;
    font-family: Tahoma, Verdana;
    position:relative;
    font-size:8pt;
    height: 22px;
    margin:0;
    padding:0;
    white-space: nowrap;
    display:block;
    float:left;
    text-align: center;
  }
.ulMenuLevel1 {
    list-style-type:none;
    margin:0;
    padding:0;
    font-family: Tahoma, Verdana;
    font-size:8pt;
  }
.liMenuLevel1 {
    list-style-type:none;
    line-height: 22px;
    float:left;
    font-family: Tahoma, Verdana;
    font-size:8pt;
  }
.linkMenuLevel1 {
    display:block;
    font-family: Tahoma, Verdana;
    font-size:8pt;
  }
.ulMenuLevel2 {
    list-style-type:none;
    position:absolute;
    margin: 0;
    padding:0;
    display:none;
    background-color:#a1b3d2;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    KhtmlOpacity: .9;
    opacity: .9;
    font-family: Tahoma, Verdana;
    font-size:8pt;
  }
.liMenuLevel2 {
    line-height: 20px;
    font-family: Tahoma, Verdana;
    font-size:8pt;
  }
.liMenuLevel2 a {
    text-decoration: none;
    display:block;
    color: #ffffff;
    width:130px;
    padding-left: 25px;
    font-family: Tahoma, Verdana;
    font-size:8pt;
  }
.liMenuLevel2 a:visited {
    text-decoration: none;
    display:block;
    color: #ffffff;
    width:130px;
    padding-left: 25px;
    font-family: Tahoma, Verdana;
    font-size:8pt;
  }
.liMenuLevel2 a:hover {
    text-decoration: none;
    display:block;
    width:130px;
    background:transparent;
    background:#b3c7ea;
    font-family: Tahoma, Verdana;
    font-size:8pt;
  }
  li:hover ul , li.over ul {
    display: block;
    font-family: Tahoma, Verdana;
    font-size:8pt;
  }



 
   
     
       
         
           
             
               
                  Создать
                 
                   
                      Пустое сообщение
                   
                 
               
             
           
           
             
                Сообщение
               
                 
                    Отправить
                 
               
             
           
         
       
     
   
 

brainkiller:
http://www.webmakerslounge.com/css/vyipadayuschee-menyu/#more-48

anterior:
Пасиба!!! Чтобы я без вас делал :)

Навигация

[0] Главная страница сообщений