Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Из обычного меню выпадающее

Из обычного меню выпадающее


     05.05.2013    Стили (CSS)    1684

вопрос
Здравствуйте, помогите сделать из обычного CSS меню выпадающее.

HTML:
<div id="menu">
            <a class="menua" href="/">Главная</a>
            <a class="menua" href="/movies/">Фильмы</a>
            <a class="menua" href="/multfilms/">Мультфильмы</a>
            <a class="menua" href="/serials/">Сериалы</a>
            <a class="menua" href="/trailers/">Скоро в кинотеатрах</a>
            <a class="menua" href="/peoples/">Люди кино</a>
            <a class="menua" href="/news/">Новости кино</a>
            <a class="menua" href="/index.php?do=feedback">Контакты</a>
        </div>

CSS:
#menu{display:block;width:900px;margin:20px 40px 25px 40px;padding:0 10px;border-bottom:1px solid #ccc;height:40px;}
a.menua{text-decoration:none;padding:12px 10px 0 10px;font-size:17px;margin-bottom:-1px;float:left;height:28px;color:#222;}
a.menua:hover{background:#f2f2f2;color:#000;}
.active_menu{background:#fff;border:1px solid #ccc;border-bottom:1px solid #fff; color: #e5460c;padding:11px 10px 0 10px; font-size:17px;margin-bottom:-1px;float:left;height:28px;text-decoration:none;}
.active_menu:hover{text-decoration:none;}

Ответа пока нет


Комментарии пользователей (1)

Kane
12

96 | 31

Kane - 7 мая 2013 16:51 - Юзер

Вот хороший вариант, все просто и ясно, а главное минимум кода. На днях сам по этому образцу сделал себе меню

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы