HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Выпадающее меню
Подскажите как сделать выпадающее меню ?
0 votes8 answers -
выпадающее меню
Почему при сужении экрана ползут строки одна под другой ? http://cssdeck.com/labs/rdye72tp
0 votes5 answers -
Выпадающее меню
Здравствуйте! Подскажите, как сделать, чтобы выпадающее меню было закрытым. По умалчиванию оно открыто, только при нажатии закрывается. А нужно наоборот: чтобы было закрытое, а при нажатии открывалось. Вот код: https://jsfiddle.net/x15kgcc7/1 Спасибо.
0 votes4 answers -
Выпадающее меню
Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...
0 votes12 answers -
Выпадающее меню - Internet Explorer 7
Думаю, проблема будет ясна, если взглянуть на два скрина в приложении. Поясню, что скрин с названием normal.png - то как должно отображаться выпадающее меню и как отображается сейчас в нормальных браузерах (Chrome, Firefox и т.д.) Второй скрин (abnormal.png) отображает проблему воспроизведения кода всеми любимым Internet Explorer'ом 7й версии. HTML Code: <td scope="col" class="bundling"> <div id="gear"> <a><p>Open</p></a> <div class="bundling"> <ul class="actions"> </ul> <!-- <span class="hr"></span> --> <ul class="selects"> <li> <a id="sele…
0 votes2 answers -
Выпадающее меню - показывает все подпункты
День добрый Вот сделал выпадающее меню чисто на цсс по этой инструкции Но почемуто подпункты меню второго уровня, которые должны активироваться при наведении на родителя - показываются сразу. Вот сайт - горизонтальное меню верхнее, первая колонка Туры - внизу открыты и подпункты сразу Помогите пожалуйста скрыть подпункты меню. Надо чтобы они показывались только при наведении на родителя Заранее спасибо! Вот кусок цсс, отвечающего за меню /*=================horizontal menu===================*/#horizontal {height:40px;width:960px;background:#fff;margin: -5px auto 10px auto;padding:0;}ul.menu_up {position:relative;z-index:9999;}ul.menu_up li {float:left;display:bl…
0 votes2 answers -
Выпадающее меню :hover
Добрый вечер. Суть вопроса. Есть выпадающее меню, в нормальных браузерах + 7 и 8 осле работает, в 6 - нет div.header-middle ul.menu { width: 100%; height: 60px; list-style: none; text-align: right; position: absolute; top: 10px; left: 0; } ul.menu li.menu { border-right: 1px dashed rgb(250,130,30); display: inline-block; float: right; width: 8%; height: 100%; text-align: center; vertical-align: top; position: relative; } ul.menu li.menu-end { border: 0; } ul.menu li.menu a { color: rgb(10,10,10); font: normal 12pt Arial; text-decoration: none; display: block; width: 100%; height: 100%; pa…
0 votes4 answers -
Выпадающее меню .inc
Доброго времени суток! Очень нужна помощь, ковыряюсь уже несколько дней и все без результатно((( На странице сделано выпадающее меню, прописано оно в файлике .inc, оно прекрасно работает во всех браузерах кроме IE! Я нашел скрипт для того чтобы оно работало в IE, добавил его прописал пути, но все тщетно, что делать уже не знаю, даже не очень понимаю где искать помогите пожалуйста! Index1.html <html> <head> ....................................... <script type="text/javascript" src="cssmenu.js"></script> <link rel="shortcut icon" href="images/lapa.gif"> <link href="css/style.css" rel="stylesheet" type="text/css"> <link href="css/styl…
0 votes1 answer -
Выпадающее меню li width:100%, или почему firefox - плохой браузер.
Всем привет! Имею проблему: Есть впадающее меню на CSS - http://jsfiddle.net/ydKX6/3/ Работает почти во всех браузерах отлично, но как говориться в семье не без сами знаете кого. Достопочтенный товарищ firefox не хочет правильно растягивать дочерние <li> элементы (те самые, которые выпадают). Что посоветуете делать камрады? Для тех кто не понял: Дочерние <li> элементы должны быть ширины не меньше чем родительские <li> элементы. Firefox растягивает их по размеру вей страницы.
0 votes9 answers -
Выпадающее меню Superfish v1.4.8
Доброго времени суток! Собственно, САБЖ. Есть менюшка Superfish v1.4.8. Есть Wordpress. При открытии длинного выпадающего меню, часть его прячется под другие блоки. Подскажите, что и где нужно подкорректировать, чтоб поверх всего отображался выпадаюзий список. CSS прилагается: /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ background: #101f25; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu l…
0 votes4 answers -
Выпадающее меню vs Opera 9.1 и выше
Помогите пожайлуста! Есть сайт www.sdl.net.ua И есть проблемка, как исправить?
0 votes3 answers -
Выпадающее меню без javascript
Мне выпадающее меню дается очень с трудом. Оно, конечно у меня выпадает, но выглядит не так как хотелось бы. http://thelast.ru/index.php?uid=599 - беру пример вот с этого, правда там вертикальное меню, а у меня горизонтальное, и это усложняет мою задачу. Помогите пожалуйста привести все это в порядок Код: <div class="menu"> <ul> <li><a href="#">Верстка</a></li> <li><a href="#">Создание сайта</a></li> <li><a href="#">Веб-дизайн</a></li> <li class="web"><a href="#">Веб-программирование</a> <ul> <li><a href="#">Java-Script</a></l…
0 votes4 answers -
Выпадающее меню в ИЕ6
roksa.dev.dz.ru Некорректно отображается выпадающее меню в ИЕ6. Идет наследование бекграунда последнего li. Если убрать бекраунд последнего LI, то наследуется предпоследний. Такая же ситуация происходит, если повысить приоритет для отдельного класса LI. Если есть какие либо мысли буду счастлив услышать)
0 votes7 answers -
Выпадающее меню в фрейме. Меню поверх фреймов.
Столкнулся с такой ситуацией: созданое выпадающее меню скрывается под соседним фреймом, так что оно получается обрезаным. Применил фреймы так-как при изменении/редактировании меню требуется вёрстать еще около 300 файлов что крайне не удобно. Вот как это выглядит: Структура такова - есть три фрейма и соответствующим им хтмл. 1-й фрейм - шапка(сверху), 2-й фрейм - меню (слева), 3-й - содержание (справа). Что посоветуете в такой ситуации, кто сталкивался? Вот исходник:
0 votes6 answers -
Выпадающее меню вверх
Привет мои дороги, нужна помощь: Как сделать, чтобы выпадающее меню выпадало выше, а не начиналось напротив кнопки, которая его вызывает при наведении на неё Вот код : http://codepen.io/Anatoliy667986584/pen/NbjEPP. в css напротив каждого селектора есть подсказки. Подскажите что и куда вписать в этот код, или если не сложно впишите сразу )
0 votes4 answers -
Выпадающее меню выходит за границы монитора
Ребята как сделать, что бы последний блок выпадающего меню не выходил за границу монитора, а сдвигался в лево. Если тема уже поднималась, дайте ссылку. Или совет, в идеальном случае код. Но лучше объяснение как это делается? Срочно нужно, очень интересно
0 votes9 answers -
Выпадающее меню для мобильных устройств
Всем привет, кого не видел. Сделал себе выпадающее меню на основе css по этому уроку. Но, естественно, на мобильных устройства не работает. Нашел урок с адаптивным меню и под мобильные устройства. Но переделывать всё меню лень, может кто подсказать, с чего начать, чтобы меню всплывало и на мобильных устройствах ?
0 votes0 answers -
Выпадающее меню залазит под видео
Смотрю на сайте http://godorak.com всплывающее окно и меню ведут себя непонятно. Поп-ап частично поверх видео, частично под видео. И меню залазит под видео. В файрфоксе пятом и опере одиннадцатой всё нормально. А в хроме/ИЕ9/Опера 10.6 - плохо. Подскажите, пожалуйста, как исправить?
0 votes2 answers -
Выпадающее меню западает
Ребятки,помогите в верстке,есть сайт на Wordpress. Проблема в том что выпадающее меню западает за экран. Вот сайт: http://chobd.esy.es/ Вот скрин:
0 votes0 answers -
Выпадающее меню и z-index
Всем доброго времени суток, я создал выпадающее меню в drupal, оно находится в левом блоке сайта, основные пункты отображаются корректно, но выпадающее менюшки доходят только до края левого блока и обрезаются, плюс они не кликабельны, пробовал ставить на меню максимальный z-index, но проблема так и осталась, вот отрывок кода где левый блок - sideleft <div id="container"> <div id="sideLeft"> <div id="left_menu"> <?php echo $left ?> </div> <!-- #left_menu--> </div> <!-- #sideleft--> <div id="content"> <div id="padding"> <?php echo $content; ?> </div><!-- #padding--> </div><!-- #content--…
0 votes10 answers -
Выпадающее меню и z-index слоев
Доброго времени суток Уважаемые форумчане. При верстке горизонтального выпадающего меню столкнулся с проблемой: необходимо выпадающие подпункты поместить под основные (всего на пару пикселей вверх, что бы перекрыть бордер и создать непрервыную обводку. Как здесь: Но при верстке получается, что выпадающие пункты имеют абсолютное позиционирование и находяться слоем выше, чем их родительский список, что привод к следующему результату: Вот код html: <ul id="menuhead"> <li id="lap1"><a href="#">Пункт 1</a> <ul id="ldp1"> <li class="podmenu"><a href="#">Управление объявления…
0 votes5 answers -
Выпадающее меню и инпуты
Здравствуйте, на сайте есть выпадающее меню, и ниже, идут инпуты, однако, слой с меню всегда оказывается ниже слоя с инпутом, z-index менял, не помогает. Есть какой-нибудь способ обойти это?
0 votes16 answers -
Выпадающее меню и позиционирование.
Возникла такая проблема. Есть меню. Обычное горизонтальное меню. Подменю - выпадающее. Контентный слой (находится ниже) - сдвинут position: relative вверх. У него стоит z-index: 5. У выпадающего меню стоит z-index: 100 Проблема в ч?м. FF и Опера прекрасно вс? понимают, а в IE выпадающее меню оказывается ПОД контентной частью. Код: Само меню и контент: <div class="TopMenu"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td class="ugol" style="background: none;padding: 0px;"> <img src="img/left.gif" alt="" /> </td> <td> <a href="#"> <nobr>О магазине</nobr> </a> <…
0 votes1 answer -
Выпадающее меню и таблица
Приветствую. Имеется любопытное выпадающее меню на CSS/JQuery. А у меня страничка с таблицей на всю область экрана. При верстке я получаю - таблица закрывает собой меню. Если установить таблице (или её содержимому) z-index, равный скажем "-1", то я вижу меню. Но только элементы-папки. Содержимого нет (равно как и стрелочки вниз). И по наведению/клику не разворачивается (выпадает). Если же не ставить таблице/содержимому z-index, а задать его для менюшки (отдельно в стилях моей страницы либо в тексте css-файла, являющегося частью меню) скажем в значение "5", то не отображается опять же. Вопрос в том, где мне порыться, где покопать, чтоб смочь сверстать как необходимо (менюш…
0 votes28 answers -
Выпадающее меню и футер
Такой вопрос. Есть выпадающее меню. Оно может быть сколько угодно строк, т.к. в какойто момент оно дойдет до футера. Моя цель сделать так, чтобы это меню вызывало появление полосы прокрутки и находясь над футером уходило вниз. Сейчас же оно просто доходит до футера, скрывается под ним и не вызывает появление полосы прокрутки. Не знаю, думаю нет смысла выкладывать код, так как кто знает, тот поймет о чем речь. Спасибо!
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-