Популярные ответы с меткой

7 голосов

Выпадающее по клику меню на css

Выпадающее меню по клику HTML код <a class="main-item" href="javascript:void(0);" tabindex="1" >Открыть подменю</a> <ul class="sub-menu"> <li><a href="#1">подпункт ...
TomasRedl's user avatar
  • 183
5 голосов
Принятый

Можно ли поменять программно иконку в MenuItem?

Меню ещё не существует в onCreate методе. Оно создаётся только в onCreateOptionsMenu, а манипулировать им надо в onPrepareOptionsMenu. И искать меню надо не так, а вот так: /** Called whenever we ...
ЮрийСПб's user avatar
  • 69.8k
4 голоса

выпадающее меню на всю ширину

на 100% по ширене кнопки: header .nav-header li:hover ul{ //width: 126px; -- убираем это opacity: 1; text-align: left; background-color:rgba(36, 36, 36, 0.75); ...
AndrewRIGHT's user avatar
4 голоса
Принятый

Всплывающее меню появляется за пределами наведения на кнопку вызова

Менять высоту меню и подменю между нулём и auto: .menu, .sub-menu { height: 0; } .button:hover .menu, .button:hover .sub-menu { height: auto; } Получится: .sub-menu { overflow: hidden; ...
Gleb Kemarsky's user avatar
4 голоса
Принятый

Выпадающее по клику подменю на мобильном

При клике на ссылку, если внутри li есть ul.subs, блокируем переход по ссылке и раскрываем меню. В раскрытом меню при клике на "главную" ссылку переход на другую страницу происходит как положено. ...
Cheg's user avatar
  • 10.5k
4 голоса
Принятый

Иерархия консольного меню

Как и в предыдущем вопросе, так и в этом, я бы выбрал чтото вроде машины состояний. Например, определим интерфейс состояния public interface IState { IState RunState(); } что такое по сути ...
tym32167's user avatar
  • 32.3k
4 голоса
Принятый

Прыгает меню при наведении (hover) на пункты

При :hover вы элементу добавляете padding из за этого он смещается ("прыгает"), установите нужный padding для элемента по дефолту и при :hover меняйте только фон. + для этого элемента(ссылки) лучше ...
E_K's user avatar
  • 4,896
4 голоса

Адаптивная шапка HTML/CSS

Ваш вопрос содержит в себе несколько подвопросов, но не видя макетов, нельзя дать объективный ответ ни на один из них. возможно ли уменьшение не только по ширине, но и по высоте Да, возможно. Для ...
UModeL's user avatar
  • 32.8k
4 голоса
Принятый

Код подменю ломает работу остального кода

Копируйте внимательнее: одна пропущенная скобка - час поиска (для отвечающих тоже ;-) Думаю, что апостроф здесь лишний: .menuSubLink {` color: #fff; } Странный блок: for (let i = 0; i < ...
UModeL's user avatar
  • 32.8k
3 голоса
Принятый

Скрыть выпадающее меню при клике куда угодно JQuery

Как вариант: $(function() { $('.menu-wrap').on('click', function() { var $this = $(this); if ($this.hasClass('active')) { $this.removeClass('active'); $(document).off('...
sivik_xes's user avatar
  • 466
3 голоса
Принятый

Bootstrap: как сделать, чтобы меню сворачивалось в "бургер" на 991px?

@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css); @media screen and (max-width: 992px) { .navbar-header { float: none; } .navbar-left,....
soledar10's user avatar
  • 27.5k
3 голоса
Принятый

Выпадающие меню по клику (без JS)

label {cursor: pointer;} ul {list-style: none;} .list {display: none;} .checkbox {display: none;} .checkbox:checked ~ .list { display: block; } <nav> <label class="checkbox1">...
vov4ok's user avatar
  • 655
3 голоса
Принятый

Как сделать выпадающее меню с прокруткой?

Вот реализация на чистом CSS. Если что-то будет не понятно, пишите объясню. .drop { display: inline-block; width: 150px; height: 30px; position: relative; color: #fff; } .drop ...
De.Minov's user avatar
  • 23.5k
3 голоса
Принятый

Вертикальное выезжающего меню с помощью jQuery

Может сделать чтобы кнопка позиционировалась в зависимости от контента выше? $(document).ready(function() { $('nav').hide(); $('#menu').click(function() { $("nav").slideToggle(1000); ...
Stranger in the Q's user avatar
2 голоса
Принятый

Проблема с меню при наведении

Вам нужно свойство border, а точнее border-top. JS тут не нужен li { display: inline-block; padding: 5px; font-size: 16px; line-height: 20px; font-family: sans-serif; font-...
ThisMan's user avatar
  • 12.2k
2 голоса

Вопрос реализации меню на CSS при нажатии

лучше всего на jquery: $(document).ready(function() { $('li').click(function(){ $(this).addClass('active'); }); }); или можете попробовать псевдоэлемент :active
Дмитрий Новиков's user avatar
2 голоса
Принятый

Как выделить активный пункт меню содержащий вложенные элементы?

Можно пройтись вверх по дереву элементов с помощью методов .parent() и .prev(): $('.navbar-nav .dropdown>ul>li>a').click(function() { $(this).parent().parent().prev().addClass('...
Gleb Kemarsky's user avatar
2 голоса
Принятый

Как сделать подсветку выбранного пункта меню если мы переходим глубже в меню?

$('document').ready(function() { $('.menu a').each(function() { var link = 'http://www.mysite.ru'+$(this).attr('href'); if (window.location.href.indexOf(link) !== -1){ $(this)....
Mik's user avatar
  • 1,932
2 голоса

Изменение CSS свойства position через javascript

msld.css('position', 'absolute');
walik's user avatar
  • 876
2 голоса
Принятый

Лишние пропуски между элементами меню

Мне кажется, в таких случаях лучше закомментировать перенос строки при формировании списка: ... </li><!-- --><li> .... Читаемость сохраняется, код не изменяется. $(document)....
lexxl's user avatar
  • 5,542
2 голоса
Принятый

Как создать разделители горизонтального меню на CSS

Возьмем немного измененное решение г-на soledar10. Собственно говоря, сделано через псевдоэлемент :before *{ padding: 0; margin: 0; } ul{ text-align: center; background: #555; ...
Umer's user avatar
  • 670
2 голоса
Принятый

Перестало работать меню onOptionsItemSelected

Вам надо или назначить тулбар экшнБаром, чтобы он хватал нажатия методом активити так: toolbar = ...; setSupportActionBar(toolbar); Или повесить свой слушатель нажатий на тулбар так: toolbar....
ЮрийСПб's user avatar
  • 69.8k
2 голоса
Принятый

HTML списки проблема с выводом в одну строку

Ваше меню оказалось ограничено блоком .topmenuright. То, что он наверху - только кажется, а на самом деле у него относительное позиционирование. Поэтому место, которое он занимал в вёрстке, остаётся ...
Gleb Kemarsky's user avatar
2 голоса
Принятый

Как добавить свою UWP-программу в контекстное меню Windows?

Вы можете связать определенный тип файлов с вашим приложением. Прочитать о том как это можно сделать вы можете здесь: Обработка активации файла О возможности открыть через универсальное приложение ...
Alexej Sommer's user avatar
2 голоса

Как выровнять элементы списка если в списке первый элемент - картинка?

ul { text-align: justify; direction: rtl; padding: 0; font-size: 1.25em; color: #6c6c6c; font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 400; } li { ...
Qwertiy's user avatar
  • 121k
2 голоса
Принятый

Навигация с помощью jQuery

Каждая ссылка на страницу должна иметь свой id, например ссылка на page1.php будет иметь id="page1". Дальше вы просто пишите: $('#page1').click() { //если нажали на page1.php } $('#page2').click()...
Abmin's user avatar
  • 1,716
2 голоса
Принятый

Меню navbar в Bootstrap

Возьмём пример с сайта Бутстрапа. Удалим лишние пункты и всё, что сворачивает меню на мобильном экране. Останется: <nav class="navbar navbar-default"> <div class="container"&...
Gleb Kemarsky's user avatar
2 голоса

Всплывающее вертикальное подменю, нюансы

1 Вариант Используйте невидимый элемент (это может быть дополнительный div или псевдо-элемент :before :after). Расположите его так, чтобы он перекрывал меню под нужным углом. (я выделил его голубым ...
Crantisz's user avatar
  • 9,720

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