Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Другие темы раздела
HTML, CSS Не могу понять где ошибка, при верстке сайта И снова Здравствуйте, Камрады. Нужна ваша помощь, не могу понять почему не работает блок, помогите найти ошибку. При уменьшении размера окна, должна появляться иконка с выводом меню при клике.... https://www.cyberforum.ru/ html/ thread2558982.html Как определить сколько было загруженно информации(байт) из интернета, при загрузке веб страницы? HTML, CSS
Возможно это как то можно сделать через какой отладчик в браузере?
HTML, CSS Как нарисовать более красивую рамку Всем доброго дня! Я новичок в данной сфере, поэтому не ругайте сильно) У меня такая задачка, выводить циклом рамки, с циклом все ок, а вот как нарисовать более приятную для глаз рамку, не могу... https://www.cyberforum.ru/ html/ thread2558978.html HTML, CSS Никак не пойму, как избавиться от пространства справа) https://www.cyberforum.ru/ html/ thread2558967.html
После того, как пропишу мета тег <meta name="viewport" content="width=device-width, initial-scale=1">, то на сайте при смене разрешения ( т.е. я нажимаю "посмотреть код элемента" и выбираю сверху...
HTML, CSS Исчезает блок справа
Доброго времени суток, во время изучения языков HTML, CSS, JS(он не касается этой проблемы) и PHP(он не касается этой проблемы) у меня возникла проблема. Я делал каркас для сайта и при тесте заметил...
HTML, CSS Что тут не так? https://www.cyberforum.ru/ html/ thread2558931.html
Необходимо перенести данные с одного сайта на страницу другого с помощью API Почему скрипт не работает? <script> let temp = document.getElementsByTagName("temp"); setInterval(() =>{...
HTML, CSS Объединить несколько версий bootstrap в одной странице https://www.cyberforum.ru/ html/ thread2558879.html
Всем привет,появилась задача создать сайт,в котором основное,это код на php,но нужен хоть какой-нибудь дизайн,решено было взять bootstrap. Вот взял готовый шаблон,изменил под себя,все хорошо,теперь...
Работа с grid, сетка HTML, CSS
В данный момент есть 2 блока, левый и правый, в них дочерние блоки. Задача в том, чтобы убрать разделение на левый и правый блок и все дочерние блоки вынести в один родительский блок и при этом...
HTML, CSS Почему мой Div не находиться в середине страницы <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta... https://www.cyberforum.ru/ html/ thread2558634.html HTML, CSS Неправильное позиционирование контента Я на сайте сделал tabs , javascript код по идее работает , но позиционирование контента неправильное . Контент не находится в табах как бы , а просто статично есть на сайте при любом табе . Прошу... https://www.cyberforum.ru/ html/ thread2558572.html
Кодировка сайта. Как выставить верно? HTML, CSS
Добрый день! Есть сайт. Страниц хватает, потому меню размещено в отдельном файле .htm. Вставляется на страницу оно через $(function() { $('#menu').load('./menu.htm') }). Были попытки переделать под...
HTML, CSS Зачем такие имена у полей? Только что в чужой вёрстке увидела, что имена у полей имеют вид name="SubscriptionForm" Объясните пожалуйста, для чего так делают? зачем это SubscriptionForm у всех имён? <div class="row">... https://www.cyberforum.ru/ html/ thread2558198.html
-36 / 25 / 12
Регистрация: 15.11.2018
Сообщений: 177
23.12.2019, 04:21 0

Создание выпадающего подпункта в меню - HTML, CSS - Ответ 14120301

23.12.2019, 04:21. Показов 840. Ответов 2
Метки (Все метки)

Ответ

сделал код который сделает меню выпадающим
в HTML5 сначала стереть всё между
<li><a href="#">Главная</a></li> и <li><a href="technology.html">Технологии 3D графики</a>
вставить код вот этот

<div id="conteiner">
<nav id="menu1">
<ul>
<li><a href="#m3">Введение в тему</a>
<ul>
<li><a href="#m3_1">Компьютерная графика в наши дни</a></li>
<li><a href="#m3_2">История развития</a></li>
<li><a href="#m3_3">от "Альбома" к мультипликации</a></li>
</ul>
</li>
</nav><!--menu1-->
</div><!--conteiner-->

дальше вставить код в css вниз после всего если вверх не работает


#conteiner{
width:200px;
padding-top:30px;
}
#menu1 ul{
position:relative;
display:block;
margin:0px;
background:#000000;
}
#menu1 >
}
#menu1 ul li{
position:relative;
display:block;
float:left;
width:0;
height:23;
}
#menu1 ul li a{
display:block;
padding:9px 25px 70px 35px;
font-size:14px;
font-family:Arial, sans-serif;
color:#ffffef;
line-height:1.3em;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
height:26px;
box-sizing:border-box;
}
#menu1 ul li > a:hover, #menu1 ul li:hover > a{
background:#EBBD5B;
color:#2B45E0;
}
#menu1 ul li ul{
position:absolute;
top:46px;
left:0px;
display:none;
width:200px;
background:#000000;
}
#menu1 ul li:hover ul{display:block;}
#menu1 ul li ul li{
float:none;
width:100%;

Вернуться к обсуждению:
Создание выпадающего подпункта в меню HTML, CSS
1
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
23.12.2019, 04:21
Готовые ответы и решения:

Создание выпадающего меню
Как из этого меню сделать выпадающее вниз меню с подпунктами? #menu {clear: both;/*Отменяет...

Создание выпадающего меню CSS
Добрый день. У меня никак не получается оформить выпадающее меню с помощью CSS. Подскажите, что...

Изменить горизонтальное меню - сделать автозакрытие выпадающего меню после отвода курсора
Вообщем что имеем: http://test.aowserv.ru имеется горизонтальное меню, при наведении на кнопку...

подпункты выпадающего меню
Подскажите, пожалуйста, где и как подправить в шаблоне такой момент: в мобильной версии выпадающие...

2
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
23.12.2019, 04:21

Магия выпадающего меню
Создал горизонтальное меню, при наведении курсора мыши на его пункты выпадает вертикальное меню,...

Фон выпадающего меню
Должно быть Сделал вот Собственно вопрос: как сделать, чтобы background был 1 для всего...

Оптмизация выпадающего меню
я создал выпадающее меню в одной таблице, при наведении выпадает всё что нужно, но если этот список...

Шаблон выпадающего меню
Здравствуйте. вопрос такой. имеются в коде html ссылки на шаблон css выпадающего меню &lt;link...

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.