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. Меню сайта картинками

    Хотел сделать меню сайта как здесь -> _http://www.mighty-sport.ru/ то есть меню состоит полностью из картинок и наползает на шапку, а при наведение на пункт одна картинка меняется меняется на другую (получается, что пункт под курсором выделяется). Долго мучился, но никак не получается, а на том сайте больно хитромудрый код, никак не могу разобраться. В общем то я знаю как сделать одинаковый background ко всем пунктам меню, если оно состоит из слов -> http://jsfiddle.net/7Jp2q/ Но в данном случае меню полностью состоит из готовых картинок и background присваивать просто не к чему. Гуглил, но точно таких готовых решений нет. Как это можно реализовать?

    Asked by pitbull522,

    0 votes
    4 answers

  2. Меню сайта на CSS

    Подскажите пожалуйста, как сделать на CSS меню такого типа как на этом сайте: http://ipkpro.ru/

    Asked by dmMaster,

    0 votes
    7 answers

  3. Меню сайта. Выделение активной страницы в меню

    Очень нужна помощь. Чёто никак не пойму как сделать элементарную вещь. Выше, воображаемое меню сайта. Я хочу сделать так чтобы когда мышкой наводишь на кнопку сверху полосочка становилась красной и буквы становились белыми. Это я знаю как осуществить: 2 картинки и одна при наведении заменяет другую. но вот сама проблемма. как сделать чтобы после перехода по ссылке красная полоска оставалась только на активной странице??? вот как щас на первом пункте висит эта полоска, чтоб так было допустим когда по 3 пункту пройду. оченама нужно вообще думаю можно было через css сделать проще, но шрифт на кнопках будет картинкой. И не знаю имеет ли значение то что меню собираюсь делать т…

    Asked by Dies,

    0 votes
    8 answers

  4. меню сделанное на CSS под все браузеры.

    Как сделать так, чтобы меню навигации созданное с помощью CSS корректно отображалось на всех браузерах. У меня у самого Опера, все нормально работает, а вот проверяли на Explorer'е - нифига подменю не вылазеет, чо делать, подскажите пожалста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ …

    Asked by pirogkoff,

    0 votes
    4 answers

  5. Меню слоем налазит на другой

    как видите меню налазит на другой слой и не хочет ровняться по центру. вот его css: наверное z-index, с которым я не могу справиться? по центру тегами <center>, <div align="center"> тоже не ровняется.

    Asked by xSPiRiTx,

    0 votes
    0 answers

  6. Меню со скошенными углами

    Как сделать подобное меню? http://www.wildberries.ru/ (скошенные углы) В Firebag смотрел но так ничего и не понял. Может, есть подобные примеры с объясненем? Просто если меняется ширина пункта меню то и скос этот должен тоже менять свою ширину. В общем не понятно

    Asked by Imperil,

    0 votes
    4 answers

  7. Меню со стрелкой навигации

    Необходимо сверствать вот такое меню: Само меню более-менее сверствать удалось, но не знаю как быть со стрелкой, где, куда и каким образом её разместить? Если бы она была внутри блока можно было при помощи background: url() no-repeat bottom; но bottom оставит её лишь внутли блока, а нужно вынести наружу. #topmenu { height: 32px; background: #050505; } #topmenu ul { float: left; padding: 0px 0px 0px 86px; } #topmenu ul li { float: left; display: block; line-height: 30px; } #topmenu ul li a { height: 32px; display: block; text-decoration: none; text-transform: uppercase; text-align:center; padding: 0 16px; } #topmenu ul li a:hover, #topmenu ul li a.select { he…

    Asked by NightHawk,

    0 votes
    2 answers

  8. Меню сошло с ума!

    Доброго времени суток друзья ,подскажите пожалуйста как наладить отображение меню картинками Вроде бы что уже начало получатся ,но очень уже странно всё это работает (наводим на НОВОСТИ) Собственно сайт http://www.ma-facecontrol.ru/ Как же всё таки сделать так чтоб картинки были поверх текста

    Asked by tonymt,

    0 votes
    3 answers

  9. Меню средствами CSS

    Помогите пожалуйста! Нашла сайт: http://www.acronis.ru/ где очень интересно сделано меню(слева посередине): при наведении мыши на заголовок, одновременно меняется цвет его блока, цвет и текст нижнего блока (еще цвета и рисунки в других блоках, но это неважно). Там это сделано с помощью JavaScript. Можно ли то же самое сделать ТОЛЬКО средствами CSS? И если да, то чем лучше пользоваться, какими атрибутами? Очень жду ответа.

    Asked by Slashka,

    0 votes
    6 answers

  10. Меню съехало

    Что-то не получается убрать этот промежуток. Съехало все после того, как добавил картинку звездочки в элемент списка. <body> <div class='wrapper'> <header> <img src="images/logo.png"> <div class='right'> <a href="#"><img src="images/search.png"></a> <button type='submit'>LOGIN or REGISTER</button></div> <div class='clearfix'></div> </header> <nav> <ul> <li><a href="/home/">Home</a></li> <li><a href="/products/">Products</a></li> <li><a href="/about/">About</a></li> <li>&lt…

    Asked by sp0k1e,

    0 votes
    3 answers

  11. меню сьехало

    сьехало меню на сайте: как это исправить? вот css код меню: #leftmenu a{ float:left; display:block;padding:2px 10px; color:#FFFFFF; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;} #leftmenu a:hover{ float:left; display:block; background-color:#efe7d5; padding:2px 10px; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;color: #885520;} #leftmenu ul {position:relative; list-style-type:none;vertical-align:top; }

    Asked by DrMartens,

    0 votes
    4 answers

  12. Меню тащит всю страницу вниз

    Сделал бургер и при открытии вся страница уезжаешь вниз. Как сделать чтобы меню просто открывалось поверх?

    Asked by dewqqland,

    0 votes
    1 answer

  13. меню уезжает

    Пытался сделать менюшку, вроде получилось, только она почему-то съезжает. http://srv19341.ht-test.ru/index.php .menu ul { list-style:none; } .menu li { width:80px; float:left; position:relative; } .menu li ul { display:none; position:absolute; z-index:1; } .menu li a{ padding:5px; text-decoration:none; color:#CCC; padding:2px; border:1px solid #666; display:block; border-collapse:collapse; } .menu li a:hover { background:#666; } .menu li:hover ul, li.over ul { display: block; } Если честно последний пункт я просто слизал. Что значит li:hover ul, li.over ul ? И почему не работает border-collapse:collapse; ?

    Asked by sh1va,

    0 votes
    2 answers

  14. Меню через nav->a

    Сабж, возник вопрос. Есть блок в котором хочу сделать меню через nav->a т.е. div->nav->a . Но a строка, следовательно как между ними сделать отступы? display:inline-block; margin:x; Так?

    Asked by psixodyb,

    0 votes
    12 answers

  15. Меню-аккордеон + спрайты

    Всех приветствую! Столкнулся с такой проблемой. На сайте будет меню. Меню с подуровнем. Условие - меню-аккордеон, кроме этого используются спрайты (так как шрифт не стандартный и просили шрифт не изменять). Отдельно меню-аккордеон работает и сдвигает вниз следующие пункты меню. Но когда настраиваю спрайты и присваиваю <li> class то выходит фигня какая-то... кто может подсказать в чем проблема? HTML, CSS и скрипт можно посмотреть на http://mysite-demo.narod.ru Да... забыл сказать... второй уровень меню появляется если нажать на "Каталог"

    Asked by TavlaD,

    0 votes
    10 answers

  16. Меню-картинка с открывающимся списком-текстом

    Здравствуйте, подскажите пожалуйста, как сделать из такого меню так, чтобы при наведении мышкой на картинку (или нажатии) открывался бы вниз многоуровневый список? Вот html код создаваемого меню: <td valign="top"><table border="0" cellpadding="0" cellspacing="0" width="1024" height="223"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0"align="left"><tr><td background="images/1_1.jpg" border="0" width="136" height="78"></td></tr><tr><td background="images/1_2.jpg" border="0" width="136" height="74"></td></tr><tr><td background="images/1_3.jpg" border="0" width="136" …

    Asked by Shevskay,

    0 votes
    2 answers

  17. Меню, раскрывающееся при отключении JS

    Есть меню, реализованое с помощью Javascript <script type=text/javascript> function clickHandler(e) { var strelka, targetId, srcElement, targetElement; srcElement = e.srcElement ? e.srcElement : e.target; if (srcElement.className == "outline") { targetId = srcElement.id + "details"; strelka = srcElement.id + "str"; targetElement = document.getElementById(targetId); if (targetElement.style.display == "none") { targetElement.style.display = ""; document.getElementById(strelka).src="ksmenu/expanded.gif"; } else { targetElement.style.display = "none"; document.getElementById(strelka).src="ksmenu/collapsed.gif"; } } } </SCRIPT>…

    Asked by kservice,

    0 votes
    14 answers

  18. Меню, список ul, j, обтекание

    Всем доброго вечера. Ребят столкнулся с такой проблемой, возможно она примитивна, но все же хочу узнать совета знающих людей. имеется меню тип список ul. Наглядный макет HTML код. <ul> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> &l…

    Asked by Rasel,

    0 votes
    4 answers

  19. Меню,выскакивание разделов..

    Я новичек в этом всем деле,поэтому никак не получается у меня на сайте http://countertt.narod.ru/ Сделать с кнопкой download тоже,что и с кнопками на этом сайте http://www.wiganlatics.premiumtv.co.uk/page/Home/ при наведении например на news, тоесть выскакивание разделов... Подскажите пожалуйста какой код мне нужен?

    Asked by Aggro,

    0 votes
    2 answers

  20. меню: если не помещается, то перемещаем в "еще"

    Добрый день. Подскажите пожалуйста скрипт или как написать на jQuery, который бы выполнял следующие действия: есть меню на резиновой страницы, когда страница уменьшается, необходимо перемещать в еще те пункты меню которые не помещаются, в тоже время не должно быть наполовину скрытых пунктов меню. под перемещением я имею ввиду это: пункт1 пункт2 пункт3 пункт4 еще пункт5 пункт1 пункт2 пункт3 еще пункт4 пункт5 пункт1 пункт2 еще пункт3 пункт4 пункт5 Сразу замечу, пункты меню width:auto, да и блок (меню) с пунктами тоже не определенного размера width:a…

    Asked by clgs,

    0 votes
    2 answers

  21. Меню: не представляю как подступиться

    Нужно сверстать вот такое меню: Как видно на картинке каждый элемент имеет синий "буллит", который накладывается на нижеследующий, а буллит активного элемента перекрывает остальные. Причем по вертикали буллит должен быть резиновым. Ну никак у меня не получается. может кто подскажет? очень нужно..

    Asked by Hippy,

    0 votes
    4 answers

  22. меню:применила hover,но в ie8 он не перекрывает разделитель

    Всем привет! Не работает в ie8: Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. И это происходит, если я веду курсором по пунктам меню СЛЕВА НАПРАВО, а если наоборот, то работает корректно,только разделитель чернеет, хотя он зеленого цвета Как можно сделать так, чтобы и разделитель слева закрывался фоном и разделитель не чернел? .Menu-2 { margin:0; padding:0; float:left; width:1200px; height:40px; background:url(/template/menu/menu_1/img/menu2_line.png) no-repea…

    Asked by Nailya,

    0 votes
    3 answers

  23. Меню.

    Привет всем! Вот такой вопрос по поводу меню.На кнопках есть 2 состояния. Как сделать этот коричневый фон на кнопках Каталог, Прайс-лист, Доставка/Оплата, Контакты понятно.А как сделать этот фон на кнопке Главная,он там скругленный?Кто как бы сделал?У меня есть идея только присвоить каждой ссылке,то есть тэгу <a> id, ну как бы каждая кнопка будет отдельной. Заранее спасибо.

    Asked by AndreyGSPB,

    0 votes
    6 answers

  24. Меню. Маленькая проблема.

    Здраствуйте! Подскажите пожалуйста мне вот в такой ситуации: У меня есть меню чисто на CSS, есть классы a:hover и a:active. При этом если нажать на ссылку в меню, зажать, и перетащить на другую ссылку, то та кнопка на которой я зажимал, остаётся с тем фоном, который указан в a:active! Подскажите пожалста как сделать так, чтоб при перемещении зажатой левой клавиши мыши a:active старой ссылки исчезал. P.S. Искал, пробова, так ничего и не получилось.

    Asked by Glebr,

    0 votes
    3 answers

  25. меню+IFRAME Помогите разобраться!)

    Вот сайт http://kymanjok.narod.ru Я не хочу на каждой странице прописывать одинаковое меню. Решил вставлять его посредством IFRAME. На этом сайте узнал, что поисковики плохо работают с фреймами, по этому делать весь сайт на фреймах не хочу. Проблема заключается вот в чем http://kymanjok.narod.ru/index2.html Обратите внимание: теперь выпадающее меню не видно. Как быть?

    Asked by psi.x,

    0 votes
    16 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