Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
Sp
5 / 5 / 2
Регистрация: 02.11.2009
Сообщений: 236
Записей в блоге: 1

выпадающее меню

26.02.2013, 14:07. Показов 996. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте!!!

Подскажите, надо чтобы меню выпадало вверх. Нужен пример, где нибудь посмотреть. Дайте пожалуйста ссылку или сам пример.

Заранее Спасибо.
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
26.02.2013, 14:07
Ответы с готовыми решениями:

Выпадающее меню. Не фиксируется бордер раздела меню, при использовании подменю
Делаю выпадающее меню, почти все сделал, осталось по сути немного, и не могу закончить. Вот код: ...

Выпадающее меню - разный размер шрифта для разных уровней меню
Есть у меня данный список, но возник вопрос: "как сделать чтобы в надписи буквы1 был шрифт 19px, а в выпадающем меню был шрифт 16px" ...

Выпадающее меню
Приветствую, господа! Имеется статичное меню такого вида: http://pixelpie.ru/public/menu.png Вот его код: <div...

1
 Аватар для StopSmell
293 / 169 / 29
Регистрация: 16.09.2012
Сообщений: 370
26.02.2013, 14:40
Лучший ответ Сообщение было отмечено Sp как решение

Решение

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="menu">
    <ul>
        <li>Один</li>
        <li>Два
            <ul>
                <li>Два Один</li>
                <li>Два Два</li>
                <li>Два Три</li>
                <li>Два Четыре</li>
                <li>Два Пять</li>
            </ul>
        </li>
        <li>Три
            <ul>
                <li>Три Один</li>
                <li>Три Два</li>
                <li>Три Три</li>
                <li>Три Четыре</li>
                <li>Три Пять</li>
            </ul></li>
        <li>Четыре</li>
        <li>Пять</li>
    </ul>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
* {
    margin: 0;
    padding: 0;
}
.menu {
    position: relative;
    top: 300px;
}
    .menu ul {
        list-style: none;
    }
        .menu > ul > li {
            float: left;
            position: relative;
            border: 1px solid #9c9a00;
            padding: 0 20px;
            height: 40px;
            line-height: 40px;
            background: #d8d60e;
        }
            .menu ul ul {
                display: none;
                position: absolute;
                bottom: 40px;
                left: 0;
                width: 150px;
                padding: 20px;
                background: #d8d60e;
            }
            .menu ul li:hover ul {
                display: block;
            }
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
26.02.2013, 14:40
Помогаю со студенческими работами здесь

Выпадающее меню
Доброго времени. Есть выпадающее меню, как сделать, что бы пункты выезжали по нажатию на их и прятались обратно при повторном нажатии, а...

Выпадающее меню
У меня вопрос - как сделать что б при клики на одном из меню сайта под ним выпадали категории?

Выпадающее меню
Здравствуйте. Работал долгое время и, видимо, удалось &quot;набыдлокодить&quot;))) Проблема заключается в следующем: при создании выпадающего меню...

Выпадающее меню
Не могу сделать выпадающее меню независимым от блока в котором он состоит. При смене высоты перестаёт быть видным выпадающее меню =( ...

Выпадающее меню
Всем привет! У меня в голове возник такой вопрос (решил что лучше помещу его в раздел css), как лучше делать выпадающее меню. На чистом CSS...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru