Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > СSS для сайта

Автор: Areostar 20.7.2011, 07:45

Вот лист CSS Для меню на основе списка.

Но тут подпункты меню появляются сбоку(при навидении мыши на узловой пункт)

А мне нужно об ппункты раздвигались и межде ними появлялись подпункты(Жедательно что б потом и сдвегались) Можноли ето сделать при помоши CSS? И если да то как нужно подравить этот лист??

Код



   .menu  {
            position:absolute;
        left:1px; top:75px;
    }
    
    .menu ul {
             margin: 0;  padding: 0;
             list-style: none;
             width: 150px; height: 48px;
    }
          
    .menu ul li {
                position: relative; 
                height: 48px; 
    }
          
    .menu a {  font-weight:bold; }
          
    .menu li ul {
                   position: absolute;
                   left: 50px; top: 0;   
                   display: none;
   }
          
   .menu  ul li a {
                      display: block;
                      text-decoration: none;
                      color: #72f;
                      padding: 16px; 
   }
          
   .menu  li:hover ul { display: block; } 
        
   .menu ul a:hover {
               font-weight:bold;
                 font-size:22px;
                         color: #00ff00;
   }

Автор: ayax2005 20.7.2011, 08:17

Для начала замените absolute на relative

Автор: Areostar 20.7.2011, 08:58

Где? в самом начале и ли в строке 20? И что ещё нужно

Автор: ayax2005 20.7.2011, 09:19

Пока вы задавали этот вопрос, вы уже могли бы попробовать оба варианта. В 20-й, конечно.
После этого вам нужно изменить left и top для того же класса в зависимости от вашего шаблона.