VPF::горизонтальное меню - Форум программистов

verstalishik

Дата 20.9.2007, 13:15 (ссылка)

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

Загрузка ...

Шустрый

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

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

спасибо=)

Добавлено через 3 минуты и 39 секунд
спасибо=)

verstalishik

Дата 21.9.2007, 06:37 (ссылка)

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

Загрузка ...

Шустрый

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

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

доброго дня! есть шаблон вертикального меню с выпадающим подменю. не как не выходит переделать его
в горизонтальное с выпадающим

Код


            ul { margin: 0; padding: 0; list-style: none; width: 150px;}
            ul li { position: relative; }
            li ul { position: absolute; left: 149px; top: 0; display: none; }
            ul li a { display: block; text-decoration: none; color: #777; background: #fff; padding: 5px; border: 1px solid #ccc; border-bottom: 0; }
            ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc; }
            li:hover ul { display: block; }

Код


          <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a> </li> 
                <li><a href="#">Services</a>
                    <ul> 
                        <li><a href="#">Web Design</a></li> 
                        <li><a href="#">Internet Marketing</a></li> 
                        <li><a href="#">Hosting</a></li>
                        <li><a href="#">Domain Names</a></li> 
                        <li><a href="#">Broadband</a></li>
                    </ul>
                </li> 
                       <li><a href="#">Contact Us</a>
                    <ul> 
                       <li><a href="#">United Kingdom</a></li>
                       <li><a href="#">France</a></li> 
                       <li><a href="#">USA</a></li> 
                       <li><a href="#">Australia</a></li> 
                    </ul>
                 </li>
            </ul>

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