7
голосов
Выпадающее по клику меню на css
Выпадающее меню по клику
HTML код
<a class="main-item" href="javascript:void(0);" tabindex="1" >Открыть подменю</a>
<ul class="sub-menu">
<li><a href="#1">подпункт ...
5
голосов
Принятый
Можно ли поменять программно иконку в MenuItem?
Меню ещё не существует в onCreate методе. Оно создаётся только в onCreateOptionsMenu, а манипулировать им надо в onPrepareOptionsMenu. И искать меню надо не так, а вот так:
/** Called whenever we ...
4
голоса
выпадающее меню на всю ширину
на 100% по ширене кнопки:
header .nav-header li:hover ul{
//width: 126px; -- убираем это
opacity: 1;
text-align: left;
background-color:rgba(36, 36, 36, 0.75);
...
4
голоса
Принятый
Всплывающее меню появляется за пределами наведения на кнопку вызова
Менять высоту меню и подменю между нулём и auto:
.menu, .sub-menu {
height: 0;
}
.button:hover .menu, .button:hover .sub-menu {
height: auto;
}
Получится:
.sub-menu {
overflow: hidden;
...
4
голоса
Принятый
Выпадающее по клику подменю на мобильном
При клике на ссылку, если внутри li есть ul.subs, блокируем переход по ссылке и раскрываем меню. В раскрытом меню при клике на "главную" ссылку переход на другую страницу происходит как положено.
...
4
голоса
Принятый
Иерархия консольного меню
Как и в предыдущем вопросе, так и в этом, я бы выбрал чтото вроде машины состояний.
Например, определим интерфейс состояния
public interface IState
{
IState RunState();
}
что такое по сути ...
4
голоса
Принятый
Прыгает меню при наведении (hover) на пункты
При :hover вы элементу добавляете padding из за этого он смещается ("прыгает"), установите нужный padding для элемента по дефолту и при :hover меняйте только фон. + для этого элемента(ссылки) лучше ...
4
голоса
Адаптивная шапка HTML/CSS
Ваш вопрос содержит в себе несколько подвопросов, но не видя макетов, нельзя дать объективный ответ ни на один из них.
возможно ли уменьшение не только по ширине, но и по высоте
Да, возможно. Для ...
4
голоса
Принятый
Код подменю ломает работу остального кода
Копируйте внимательнее: одна пропущенная скобка - час поиска (для отвечающих тоже ;-)
Думаю, что апостроф здесь лишний:
.menuSubLink {`
color: #fff;
}
Странный блок:
for (let i = 0; i < ...
3
голоса
Принятый
Скрыть выпадающее меню при клике куда угодно JQuery
Как вариант:
$(function() {
$('.menu-wrap').on('click', function() {
var $this = $(this);
if ($this.hasClass('active')) {
$this.removeClass('active');
$(document).off('...
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,....
3
голоса
Принятый
Выпадающие меню по клику (без JS)
label {cursor: pointer;}
ul {list-style: none;}
.list {display: none;}
.checkbox {display: none;}
.checkbox:checked ~ .list {
display: block;
}
<nav>
<label class="checkbox1">...
3
голоса
Принятый
Как сделать выпадающее меню с прокруткой?
Вот реализация на чистом CSS.
Если что-то будет не понятно, пишите объясню.
.drop {
display: inline-block;
width: 150px;
height: 30px;
position: relative;
color: #fff;
}
.drop ...
3
голоса
Принятый
Вертикальное выезжающего меню с помощью jQuery
Может сделать чтобы кнопка позиционировалась в зависимости от контента выше?
$(document).ready(function() {
$('nav').hide();
$('#menu').click(function() {
$("nav").slideToggle(1000);
...
2
голоса
Принятый
Проблема с меню при наведении
Вам нужно свойство border, а точнее border-top. JS тут не нужен
li {
display: inline-block;
padding: 5px;
font-size: 16px;
line-height: 20px;
font-family: sans-serif;
font-...
2
голоса
Вопрос реализации меню на CSS при нажатии
лучше всего на jquery:
$(document).ready(function() {
$('li').click(function(){
$(this).addClass('active');
});
});
или можете попробовать псевдоэлемент :active
2
голоса
Принятый
Как выделить активный пункт меню содержащий вложенные элементы?
Можно пройтись вверх по дереву элементов с помощью методов .parent() и .prev():
$('.navbar-nav .dropdown>ul>li>a').click(function() {
$(this).parent().parent().prev().addClass('...
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)....
2
голоса
2
голоса
Принятый
Лишние пропуски между элементами меню
Мне кажется, в таких случаях лучше закомментировать перенос строки при формировании списка: ... </li><!-- --><li> .... Читаемость сохраняется, код не изменяется.
$(document)....
2
голоса
Принятый
Как создать разделители горизонтального меню на CSS
Возьмем немного измененное решение г-на soledar10.
Собственно говоря, сделано через псевдоэлемент :before
*{
padding: 0;
margin: 0;
}
ul{
text-align: center;
background: #555;
...
2
голоса
Принятый
Перестало работать меню onOptionsItemSelected
Вам надо или назначить тулбар экшнБаром, чтобы он хватал нажатия методом активити так:
toolbar = ...;
setSupportActionBar(toolbar);
Или повесить свой слушатель нажатий на тулбар так:
toolbar....
2
голоса
Принятый
HTML списки проблема с выводом в одну строку
Ваше меню оказалось ограничено блоком .topmenuright. То, что он наверху - только кажется, а на самом деле у него относительное позиционирование. Поэтому место, которое он занимал в вёрстке, остаётся ...
2
голоса
Принятый
Как добавить свою UWP-программу в контекстное меню Windows?
Вы можете связать определенный тип файлов с вашим приложением. Прочитать о том как это можно сделать вы можете здесь: Обработка активации файла
О возможности открыть через универсальное приложение ...
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 {
...
2
голоса
Принятый
Навигация с помощью jQuery
Каждая ссылка на страницу должна иметь свой id, например ссылка на page1.php будет иметь id="page1".
Дальше вы просто пишите:
$('#page1').click() {
//если нажали на page1.php
}
$('#page2').click()...
2
голоса
Принятый
Меню navbar в Bootstrap
Возьмём пример с сайта Бутстрапа. Удалим лишние пункты и всё, что сворачивает меню на мобильном экране. Останется:
<nav class="navbar navbar-default">
<div class="container"&...
2
голоса
Всплывающее вертикальное подменю, нюансы
1 Вариант
Используйте невидимый элемент (это может быть дополнительный div или псевдо-элемент :before :after). Расположите его так, чтобы он перекрывал меню под нужным углом. (я выделил его голубым ...
Допускаются только превышающие минимальную длину ответы с наивысшим рейтингом, не являющиеся общими