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. Горизонтальное меню

    Есть блок div с шириной 900px и с высотой 40px. В ней создан список li со ссылками внутри. 5 штук. Как сделать что бы был отступ с левого и правого борта блока на 41px, а остальное растянулись исходя из этого? Да и как выравнить сами ссылки по центру блока?

    Asked by CroaToa,

    0 votes
    11 answers

  2. Горизонтальное меню - need help

    http://jsfiddle.net/Ldcvm8pu/ вот код. Что не получается: - сделать чтобы при наведении на родительский список не было синей полоски внизу под ней (то есть было все белым) - при наведении на родительский список и опускании на дочерний, чтобы был и в родительском списке ссылка имела стили как будто она наведена - задать ширину 800пх что при этом когда я навожу на родительский список оно не оставалось в фиксированном положении как сейчас(тут я чувствую, что гдето наплужил с позиционированием).

    Asked by psics,

    0 votes
    0 answers

  3. Горизонтальное меню (LI пропорционально)

    Имеется горизонтальный UL длинной 1000px в нем несколько LI Пример кода: Ссылка на код Пункты меню могут добавляться из CMS. можно ли равномерно распределять пункты по всей длине списка?

    Asked by lost,

    0 votes
    15 answers

  4. Горизонтальное меню (в JA_Purity) с включением и текста, и картинок

    Уважаемые коллеги, не знаю как сделать горизонтальное меню (в блоке hornav) в шаблоне JA_Purity из элементов текстовых и картинок? Хочу, чтобы крайняя левая кнопка была выполнена не в виде текста, а в виде логотипа (наподобие огрызка яблока в Mac). Я смог вставить логотип в файле index.php, но после него меню начинается с новой строки - а хотелось бы чтобы оно визуально составляло единое целое, продолжаясь не вниз, а вправо. Может быть, можно прописать урл картини и ссылку в поле названия пункта меню прямо в админке? Пробовал, не вышло. Очень нужен ответ, заранее признателен за помощь

    Asked by wenter,

    0 votes
    0 answers

  5. горизонтальное меню c графическим элементом под ним

    Здравствуйте. Нужно сделать горизонтальное меню что бы при :hover тега <a> внизу появлялся графический элемент в [png|jpg]. подскажите ссылками на уроки. либо покажите пример. Пытаюсь сделать таким вот образом но пока что безуспешно. <div><li><a>link</a></li><img></div>

    Asked by 680682,

    0 votes
    0 answers

  6. Горизонтальное меню CSS трабла

    Вобщем, пришлось учится верстать, с горем пополам смог сделать li горизонт, картинки прочее сделал, проблема вот в чем: 1)Нужно чтобы при ховере свечение было от верха панели, а оно начинается от низа текста. Как сделать по другому не пойму, в hover span смещение не работает. CMS Jоомла если поможет 2) не выделяет активную страницу - т.е. юзер просто потеряется, не видя где он Коды вот: HTML <div id="topm"> <li class="about"> <a href="http://testt.ru/" title="О компании"><img src="/templates/sw/images/1.png" /></a> </li> <li class="facility active"> <a href="#" title="Услуги"><img src="/templates/sw/images/2.png"…

    Asked by skifus,

    0 votes
    5 answers

  7. Горизонтальное меню без использования ul>li

    Подскажите, для чего горизонтальное меню оборачивать в ul>li, если можно обойтись только дескриптером '<a>'? Только чтобы меню формально было списком? В чем подвох и почему никто так не делает? Привожу ниже мой код и скриншот готового меню. <!DOCTYPE html><title>Test Page</title><meta charset = "utf-8"><link rel = "stylesheet" href = "style.css"><div> <nav> <a href="#">Home</a> <a href="#">Portfolio</a> <a href="#">About</a> <a href="#">Contacts</a> <a href="#">Forum</a> <a href="#">Support</a> <a href="#">Callback</a> </nav> …

    Asked by vano1208,

    0 votes
    24 answers

  8. Горизонтальное меню в firefox выглядит криво

    Есть вот такое меню ul.down { width: 80%; margin-right: 35%; margin-left: 25%; font-size: 21px; /* размер шрифта */ } ul.down li { background: none!important; display: inline-block; margin-right: 15px; margin-top: 8px; moz-margin-top: 0; list-style-type: none; } ul.down a { background: none; color:#fff; height: 36px; /* высота кнопки*/ overflow: hidden; /* запрещаем обтекание */ font: 13pt/20pt Arial Black; text-decoration:none; /* убираем…

    Asked by stuffy,

    0 votes
    2 answers

  9. Горизонтальное меню в IE

    На сайте горизонтальное меню отображается во всех браузерах нормально а в IE съезжает в право что править в css ?

    Asked by Leha91,

    0 votes
    2 answers

  10. Горизонтальное меню в IE 7

    Доброго времени суток! В браузере IE 7 выпадающие списки меню растягиваются по длине слова. Макет Будьте добры, подскажите, направьте на верный путь. Второй день бьюсь, а решение, скорее всего, элементарное.

    Asked by Non Stop,

    0 votes
    2 answers

  11. Горизонтальное меню в IE6

    Что-то я запутался. По совету друзей (с) сначала решил забить на IE6, но что-то совесть не позволила. Теперь у меня вопросы по верстке. CSS: #mm_container { background:url(/images/mm_a.png) repeat-x; height:74px; } #mm_container ul{ display:table; margin: 0 auto; } #mm_container li{ display:table-cell; } #mm_container a { display: block; float:left; height:74px; padding:0 20px; font-family:"Hortensia"; color:#fff; text-decoration:none; font-size:1.7em; line-height:74px; } #mm_container li { background:url(/images/mm_a_separator.png) left no-repeat; } #mm_container a:hover { background:url(/images/mm_a_hover.png) repeat-x; } #mm_container li.current a…

    Asked by d0ublezer0,

    0 votes
    23 answers

  12. Горизонтальное меню в Opera

    Здравствуйте! Столкнулся с проблемой. Сделал меню, в Chrome и Mozilla работает, а вот в Opera не становиться горизонтальным. Делаю способом float:left. Подскажите, пожалуйста, как исправить. (http://87.237.116.73/Otromt/forum.html) <div class="menu"> <ul class="menu_ul"> <li><a href="http://test1.ru/about.php">About</a></li> <li><a href="http://test1.ru/forum.php">Forum</a></li> <li><a href="http://test1.ru/prices.php">Prices</a></li> </ul> </div> .menu{ color: darkred; column-count: 3; margin-bottom: -60px; height: 100px; text-align: center; …

    Asked by Michael Myers,

    0 votes
    2 answers

  13. Горизонтальное меню в див-блоке (я просмотрел все темы по поиску)

    Ребята привет. сайт 3d-journal.ucoz.ru Разместил меню в левом блоке div (LeftMenu), потом решил его делать в верхнем блоке (под header (картинка с космосом), это блок header 2. В левом блоке меню разместилось очень просто HTML <div class="LeftMenu"> <a class="menu" href="Форум.htm">Новости</a> <a class="menu" href="Уроки.htm">Уроки</a> <a class="menu" href="Видеоуроки.htm">Видеоуроки</a> <a class="menu" href="Журнал.htm">Журнал</a> <a class="menu" href="Галерея.htm">Галерея</a> <a class="menu" href="Download.htm">Download</a> <a class="menu" href="Форум.htm">Форум</a> &l…

    Asked by Eugene-N,

    0 votes
    14 answers

  14. Горизонтальное меню из картинок

    Как меню из 3 картинок выравнивать по ширине тянущегося сайты. Нужно чтобы расстояние между картинками тянулось.

    Asked by ArtOfHuman,

    0 votes
    3 answers

  15. Горизонтальное меню из картинок

    Привет всем! Подскажите как сделать такое меню? Наподобие как у вас на форуме, где перечисляются: Статьи, блог и т.д. При помощи блочной верстки. Разбирался с исходным кодом страницы форума, но так и не понял... HTML понятно <div id="top-images"> <ul> <li><a href=""><img src="images/top1.png" alt="Главная страница"></a></li> <li><a href=""><img src="images/top2.png" alt="Вторая страница"></a></li> <li><a href=""><img src="images/top3.png" alt="Третья страница"></a></li> </ul> </div> Что нужно добавить в css, а то …

    Asked by Lrad,

    0 votes
    13 answers

  16. Горизонтальное меню из картинок

    Всем привет! Я только начинаю учиться верстать и хочу узнать,как сделать вот такое меню? Самое главное,что бы оно было адаптивным. Заранее спасибо)

    Asked by Proxt,

    0 votes
    2 answers

  17. Горизонтальное меню как на Apple

    Доброго времени суток! Друзья, много где спрашивал, однако однозначного ответа ни где не нашел. Дело в том, что я хочу сделать горизонтальное меню по-центру сайта. С заданной шириной, так, чтобы при добавлении дополнительных пунктов ширина не изменялась, а менялась только ширина пунктов меню, т.е. уменьшалась в зависимости от количества пунктов. Причем!!! Пункты меню должны иметь разную ширину. Тупо задать размер - не интересует. Можно тут посмотреть: http://www.apple.com/ Градиенты не интересуют, хочу сохранить гибкость. Буду благодарен всем, кто сможет направить на путь... Спасибо! Если у них на сайте чуть подправить HTMl с помощью fireBug например. То на второй картинк…

    Asked by Kintim,

    0 votes
    10 answers

  18. Горизонтальное меню картинками при помощи CSS

    Задача сделать горизонтальное меню средствами css, при этом картинки должны менять при наведении курсора. Как сделать ролловер, я нашел: http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Подскажите как при этом сделать горизонтальное меню например из 5-ти пунктов.

    Asked by Goldie,

    0 votes
    9 answers

  19. Горизонтальное меню методами CSS

    Мне нужно сделать на сайте меню, которое должно выглядеть точь-в-точь как на сайте topwar.ru, только с другими категориями. Пока что процесс остановился на такой стадии. CSS ul#topnav { margin: 0; padding: 0; float: left; width: 100%; list-style: none; position: relative; font-size: 1em; background: #B22222; } ul#topnav li { float: left; margin: 0; padding: 0; } ul#topnav li a { padding: 5px 15px; display: block; color: #ffffff; text-decoration: none; } ul#topnav li:hover { background: #E6E6FA; float: left; margin: 0; padding: 0;} ul#topnav li span { float: left; padding: 5px 0; position: absolute; left: 0; top:23px; display: none; width: 100%; background: #c…

    Asked by drago_v,

    0 votes
    0 answers

  20. Горизонтальное меню на <li> для резиновых сайтов. Проблема с броузерами.

    Всем доброго времени суток. Такая проблема: Нужно сделать резиновый сайт с горизонтальным меню. Сделал шапку и меню. Проблема в том, что горизонтальное меню, основанное на LI, может бесконечно ужиматься, пока все LI не заползут друг на друга. Соответственно, мне нужно задать некий предел, до которого можно ужиматься (зависит от того, насколько ужимается шапка. Если-бы дело было с таблицами, то я бы просто вставил в каждый LI распорку (белую картинку нужной мне длинны и высотой в 1PX) и тогда-бы ячейка не ужималась, но когда я вставляю распорку в LI, ужимается. Так ведет себя FireFox. В IE6 распорки действуют, но всплывает другая проблема: Если сжимать страницу так, чтобы …

    Asked by Rapp_colince,

    0 votes
    0 answers

  21. горизонтальное меню на CSS

    Здравствуйте! У меня проблема с горизонтальным меню, а именно ничего не получается.... по задумке должно всё выглядеть так: а получилось у мну так: я в отчаянии... HTML </p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test page</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" type="text/css" rel="stylesheet"> </head> <body> <div class="wrapper"> <!-- место для меню --> <div class="menu"> <ol> <li><a href="r…

    Asked by Diego,

    0 votes
    19 answers

  22. Горизонтальное меню на CSS

    Как подвинуть синие треугольники ближе к пунктам меню и сами пункты раздвинуть. В моём варианте треугольники съезжают в сторону от текста, а надо чтоб они прилипли на расстоянии 5px. .menu{ list-style:none; overflow:hidden; } .menu li{ float:left; background:url(images/bg-menu.jpg) right no-repeat; padding: 15px 60px;

    Asked by sivsronov,

    0 votes
    2 answers

  23. Горизонтальное меню на ul li в IE при залитии на сайт становится вертикальным

    Всем привет! Собсна, собрал меню 2 уровневое. На компе из файла хтмл запускаю - в ИЕ все как надо. При установке на сайт - добавляются переносы строк после каждого пункта, фактически, меню становится вертикальным. при этом вложенные пункты меню отображаются как надо (без переносов). div#menu img { width:48px; padding:10px 16px; border:0px; display:block; } div#menu { font-size:8pt; margin:0px;padding:0 0 5px 0; border:0; background:none; float:left; z-index:100; } div#menu ul { margin: 0px; padding: 0px; background-color:#ffffff; } div#menu li { float:left; width:100px; height:14px; text-align:center; margin: 5px 0; position: relative; list-style-type: none; backgro…

    Asked by HeTpe3B,

    0 votes
    3 answers

  24. Горизонтальное меню на едином фоне - Не получается

    Здравствуйте, я еще совсем новенькая, пытаюсь разобраться. Хочу создать меню. Фон - для всего меню один, длинный (может как фон div?). Поверх его горизонтально хочу разместить пункты меню (картинками, не словами, хоть не имеет это значение). Не получается наложить на фон эти картинки правильно относительно друг друга. Это единый фон А это как я хочу, чтобы было. Надписи сделаю картинкой, потому что пока еще не разобралась, ни тени, ни специальные шрифты. Так вот как эти надписи-картинки разместить в линию правильно относительно фона? Пример надписи-картинки Спасибо!

    Asked by oocamba,

    0 votes
    5 answers

  25. Горизонтальное меню на картинке

    Ссылка Бэкграунд - картинка (по заданию там будет не красный фон, а картинка). Нужно сделать горизонтальное меню с маркерами в виде квадратов. Проблема в том, что если в ul.topmenu li ставлю float: left; то мой бэкграунд пропадает. А если прописываю туда display:inline, то пропадают маркеры. Как решить проблему?

    Asked by Rustick,

    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