VPF::СSS для сайта - Форум программистов

Areostar

Дата 20.7.2011, 07:45 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: -1
Всего: -2

Вот лист 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 (ссылка)

(нет голосов)

Загрузка ...

echo $smile

Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 3
Всего: 11

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

--------------------

все вопросы - из-за неверной формулировки задачи

Areostar

Дата 20.7.2011, 08:58 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: -1
Всего: -2

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

ayax2005

Дата 20.7.2011, 09:19 (ссылка)

(нет голосов)

Загрузка ...

echo $smile

Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 3
Всего: 11

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

--------------------

все вопросы - из-за неверной формулировки задачи

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »