Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Выпадающее меню

    Подскажите как сделать выпадающее меню ?

    Asked by rpmcmerphy,

    0 votes
    8 answers

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

    Почему при сужении экрана ползут строки одна под другой ? http://cssdeck.com/labs/rdye72tp

    Asked by rpmcmerphy,

    0 votes
    5 answers

  3. Выпадающее меню

    Здравствуйте! Подскажите, как сделать, чтобы выпадающее меню было закрытым. По умалчиванию оно открыто, только при нажатии закрывается. А нужно наоборот: чтобы было закрытое, а при нажатии открывалось. Вот код: https://jsfiddle.net/x15kgcc7/1 Спасибо.

    Asked by Alfa2015,

    0 votes
    4 answers

  4. Выпадающее меню

    Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...

    Asked by Igor_Dp,

    0 votes
    12 answers

  5. Выпадающее меню - 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…

    Asked by Seemann,

    0 votes
    2 answers

  6. Выпадающее меню - показывает все подпункты

    День добрый Вот сделал выпадающее меню чисто на цсс по этой инструкции Но почемуто подпункты меню второго уровня, которые должны активироваться при наведении на родителя - показываются сразу. Вот сайт - горизонтальное меню верхнее, первая колонка Туры - внизу открыты и подпункты сразу Помогите пожалуйста скрыть подпункты меню. Надо чтобы они показывались только при наведении на родителя Заранее спасибо! Вот кусок цсс, отвечающего за меню /*=================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…

    Asked by artpol,

    0 votes
    2 answers

  7. Выпадающее меню :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…

    Asked by Frolov,

    0 votes
    4 answers

  8. Выпадающее меню .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…

    Asked by beetljuice,

    0 votes
    1 answer

  9. Выпадающее меню li width:100%, или почему firefox - плохой браузер.

    Всем привет! Имею проблему: Есть впадающее меню на CSS - http://jsfiddle.net/ydKX6/3/ Работает почти во всех браузерах отлично, но как говориться в семье не без сами знаете кого. Достопочтенный товарищ firefox не хочет правильно растягивать дочерние <li> элементы (те самые, которые выпадают). Что посоветуете делать камрады? Для тех кто не понял: Дочерние <li> элементы должны быть ширины не меньше чем родительские <li> элементы. Firefox растягивает их по размеру вей страницы.

    Asked by logicface,

    0 votes
    9 answers

  10. Выпадающее меню 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…

    Asked by vit-rnd,

    0 votes
    4 answers

  11. Выпадающее меню vs Opera 9.1 и выше

    Помогите пожайлуста! Есть сайт www.sdl.net.ua И есть проблемка, как исправить?

    Asked by Frenk Garigan(Gagarin),

    0 votes
    3 answers

  12. Выпадающее меню без 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…

    Asked by skygazer,

    0 votes
    4 answers

  13. Выпадающее меню в ИЕ6

    roksa.dev.dz.ru Некорректно отображается выпадающее меню в ИЕ6. Идет наследование бекграунда последнего li. Если убрать бекраунд последнего LI, то наследуется предпоследний. Такая же ситуация происходит, если повысить приоритет для отдельного класса LI. Если есть какие либо мысли буду счастлив услышать)

    Asked by Ukols,

    0 votes
    7 answers

  14. Выпадающее меню в фрейме. Меню поверх фреймов.

    Столкнулся с такой ситуацией: созданое выпадающее меню скрывается под соседним фреймом, так что оно получается обрезаным. Применил фреймы так-как при изменении/редактировании меню требуется вёрстать еще около 300 файлов что крайне не удобно. Вот как это выглядит: Структура такова - есть три фрейма и соответствующим им хтмл. 1-й фрейм - шапка(сверху), 2-й фрейм - меню (слева), 3-й - содержание (справа). Что посоветуете в такой ситуации, кто сталкивался? Вот исходник:

    Asked by porschefan,

    0 votes
    6 answers

  15. Выпадающее меню вверх

    Привет мои дороги, нужна помощь: Как сделать, чтобы выпадающее меню выпадало выше, а не начиналось напротив кнопки, которая его вызывает при наведении на неё Вот код : http://codepen.io/Anatoliy667986584/pen/NbjEPP. в css напротив каждого селектора есть подсказки. Подскажите что и куда вписать в этот код, или если не сложно впишите сразу )

    Asked by Анатолий1944,

    0 votes
    4 answers

  16. Выпадающее меню выходит за границы монитора

    Ребята как сделать, что бы последний блок выпадающего меню не выходил за границу монитора, а сдвигался в лево. Если тема уже поднималась, дайте ссылку. Или совет, в идеальном случае код. Но лучше объяснение как это делается? Срочно нужно, очень интересно

    Asked by nalezhitiy,

    0 votes
    9 answers

  17. Выпадающее меню для мобильных устройств

    Всем привет, кого не видел. Сделал себе выпадающее меню на основе css по этому уроку. Но, естественно, на мобильных устройства не работает. Нашел урок с адаптивным меню и под мобильные устройства. Но переделывать всё меню лень, может кто подсказать, с чего начать, чтобы меню всплывало и на мобильных устройствах ?

    Asked by bremned,

    0 votes
    0 answers

  18. Выпадающее меню залазит под видео

    Смотрю на сайте http://godorak.com всплывающее окно и меню ведут себя непонятно. Поп-ап частично поверх видео, частично под видео. И меню залазит под видео. В файрфоксе пятом и опере одиннадцатой всё нормально. А в хроме/ИЕ9/Опера 10.6 - плохо. Подскажите, пожалуйста, как исправить?

    Asked by photograf,

    0 votes
    2 answers

  19. Выпадающее меню западает

    Ребятки,помогите в верстке,есть сайт на Wordpress. Проблема в том что выпадающее меню западает за экран. Вот сайт: http://chobd.esy.es/ Вот скрин:

    Asked by vitaxastifler,

    0 votes
    0 answers

  20. Выпадающее меню и 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--…

    Asked by selevit,

    0 votes
    10 answers

  21. Выпадающее меню и z-index слоев

    Доброго времени суток Уважаемые форумчане. При верстке горизонтального выпадающего меню столкнулся с проблемой: необходимо выпадающие подпункты поместить под основные (всего на пару пикселей вверх, что бы перекрыть бордер и создать непрервыную обводку. Как здесь: Но при верстке получается, что выпадающие пункты имеют абсолютное позиционирование и находяться слоем выше, чем их родительский список, что привод к следующему результату: Вот код html: <ul id="menuhead"> <li id="lap1"><a href="#">Пункт 1</a> <ul id="ldp1"> <li class="podmenu"><a href="#">Управление объявления…

    Asked by tragbang,

    0 votes
    5 answers

  22. Выпадающее меню и инпуты

    Здравствуйте, на сайте есть выпадающее меню, и ниже, идут инпуты, однако, слой с меню всегда оказывается ниже слоя с инпутом, z-index менял, не помогает. Есть какой-нибудь способ обойти это?

    Asked by Renert,

    0 votes
    16 answers

  23. Выпадающее меню и позиционирование.

    Возникла такая проблема. Есть меню. Обычное горизонтальное меню. Подменю - выпадающее. Контентный слой (находится ниже) - сдвинут 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> <…

    Asked by ~Kitty~,

    0 votes
    1 answer

  24. Выпадающее меню и таблица

    Приветствую. Имеется любопытное выпадающее меню на CSS/JQuery. А у меня страничка с таблицей на всю область экрана. При верстке я получаю - таблица закрывает собой меню. Если установить таблице (или её содержимому) z-index, равный скажем "-1", то я вижу меню. Но только элементы-папки. Содержимого нет (равно как и стрелочки вниз). И по наведению/клику не разворачивается (выпадает). Если же не ставить таблице/содержимому z-index, а задать его для менюшки (отдельно в стилях моей страницы либо в тексте css-файла, являющегося частью меню) скажем в значение "5", то не отображается опять же. Вопрос в том, где мне порыться, где покопать, чтоб смочь сверстать как необходимо (менюш…

    Asked by hAhol,

    0 votes
    28 answers

  25. Выпадающее меню и футер

    Такой вопрос. Есть выпадающее меню. Оно может быть сколько угодно строк, т.к. в какойто момент оно дойдет до футера. Моя цель сделать так, чтобы это меню вызывало появление полосы прокрутки и находясь над футером уходило вниз. Сейчас же оно просто доходит до футера, скрывается под ним и не вызывает появление полосы прокрутки. Не знаю, думаю нет смысла выкладывать код, так как кто знает, тот поймет о чем речь. Спасибо!

    Asked by 9EVIL,

    0 votes
    3 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept