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. В стилях слик-карусели текст отказывается становится рядом с картинкой

    Делаю учебный проект. Не получается поставить текст в слайдере рядом с картинкой html <div class="main__slider"> <div class="carousel"> <div class="carousel-slide"> <div class="carousel__img"> <img src="img/2018-Walking-Shoes-Comfortable.jpg" alt="2018-Walking-Shoes-Comfortable"> </div> <div class="carousel__text"> <h1>Осень 2018</h1> <h2>новая коллекция</h2> …

    Asked by rimidbit,

    0 votes
    1 answer

  2. Сьезжает верстка в firefox

    Добрый день, сверстал страницу с блоком новостей которые идут под меню колонкой, по одному блоку в ширину контейнера. В хроме все нормально и в файрфокс на моем ноутбуке с разрешением 1366х768 тоже, но с другого компа верстка сьезжает именно в firefox. Немного полазил в браузере и блок становится на место если убрать overflow: hidden, но тогда текст соотвественно вылезает за пределы блока. Скинул весь css на всякий случай. body { margin: 0; padding: 0; background: url(/img/casfon.jpg); } .frame { width: 1200px; background-color: white; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; } .box { width: 1100px; margin: 0 auto;…

    Asked by мурамаса,

    0 votes
    1 answer

  3. Потомок прячется за полосой прокрутки

    Есть блок у которого есть вертикальная прокрутка. У него есть потомок, который спозиционирован абсолютно. Но этот абсолютно-спозиционированный потомок не вылазит через полосу прокрутки, а прячется за ней http://skrinshoter.ru/s/221018/KVTFyMBR Как сделать чтобы он не прятался? z-index не помогает https://codepen.io/anon/pen/OBwQEb

    Asked by yaparoff,

    0 votes
    1 answer

  4. Форма, которая при вызове с разных кнопок, должна скрывать некоторые поля

    Всем доброго времени суток! У меня есть одна форма, которая при вызове с разных кнопок, должна скрывать некоторые поля. Вот кнопки: <a data-target="#call">Кнопка 1</a> <a data-target="#call">Кнопка 2</a> Вот форма: <div id="call"> <form> <div class="pole1">Поле 1</div> <div class="pole2">Поле 2</div> </form> </div> Форма может иметь только один ID, в моем случае это “call”. Как сделать, чтобы при клике на “Кнопка 1” отображалось только “Поле 1”? Как сделать, чтобы при клике на “Кнопка 2” отображалось только “Поле 2”? Сайт делаю для себя. Знани…

    Asked by S_A_N_T_A,

    0 votes
    1 answer

  5. Окрытия мобильного приложений по клику на ссылку

    Всем привет, может знает кто-нибудь реализацию открытия приложения по клику на ссылку?

    Asked by Web-Migi,

    0 votes
    1 answer

  6. Проблема с выпадающим меню, оказывает влияние на активные кнопки.

    Добрый день! Подскажите как поправить код, дело в том когда я добавляю код на страницу его стиль цепляет другие активные кнопки на сайте Код: Скрытый текст <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <style> body { } .cm-e-menu1{background-color: #222; position: relative; z-index: 1000; color: #fff; font-weight: 200; box-shadow: 0 0 5px black; } ul { font: 1em/1.2em Helvetica, Arial, sans-serif; margin: 0; padding: 0; } ul li { } li { position: relative; display: inline-table; list-style: none; } li a { display: block; padding: 1em 1.2em; color: #ccc; text-decoration: n…

    Asked by LokiBrayn,

    0 votes
    1 answer

  7. Как обрезать длинное слово в IE8?

    Добрый вечер. Столкнулся с проблемой при верстки. При маленьком расширение экрана, длинные строчки не обрезаются в IE8. .serversName { max-width: 183px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } Есть такой вот class, в нем храниться название сервера. В Google Chrome хорошо работает, при уменьшении окна браузера, когда расширение доходит до 920px, лишнее убирается и ставиться 3 точки. Начинаю тестировать в IE8. Все эти правила в клаасе игнорируются. Вот сайт на котором это делается: Перейти на сайт Можете зайти сами поглядеть. В общем как сделать что бы и в IE8 обрезание работало? Спасибо за внимание

    Asked by awikong,

    0 votes
    1 answer

  8. Не могу настроить списки услуг

    Добрый день, изучаю html & css, скачал макет и попытался настроить под себя взяв различные данные, но вот со списком во втором блоке ( перечень услуг) у меня не вышло, подскажите пожалуйста, как исправить и выравнить списки услуг? Хочу вставить еще один ряд услуг потом. Вот ссылка: https://tatufiesta.000webhostapp.com/

    Asked by Nevsky74,

    0 votes
    1 answer

  9. Работа слайдера с bootstrap

    Имеется слайдер, "//" если удалить эти строки , то все работает. Там collapse от bootstrap, скрыть и показать блок. Скрытый текст А когда всё на месте, с скрытием, то он показывает так Скрытый текст Помогите исправить, сложно найти рабочий подобный слайдер. Есть мнение что конфликтуют JS, но как их поставить чтоб всё норм было. <!-- Наружная реклама --> <div id="collapse_1" class="collapse" aria-labelledby="heading_1" data-parent="#accordionExample"> // ЭТА УДАЛИТЬ НАДО ЧТОБ РАБОТАЛО <div class="container header"> <div class="row align-items-center"> <div class="card-bod…

    Asked by AlexanderLebedev,

    0 votes
    1 answer

  10. Сделать кружок списка с фоном при наведении на ссылку

    При наведении на пункт меню нужно, чтобы кружок становился так же с фоном с ссылкой: http://joxi.ru/4AkkNXoFyD0yyA пробовал вместо li a, делать структуру a li но тогда вообще пропадает кружок: http://joxi.ru/vAWNQEKc1ZB1d2 придумал способ, просто вставить span с кружком, но как ему задать стили, чтобы был по центру? когда задаю ему фонтсайз, то он поверху становится http://joxi.ru/Drl1JxocvDGKJm Придумал! top: 20px; position: relative; Но конечно это костыль. Может можно сделать чтобы к li применялся фон и цвет при наведении на li a?

    Asked by nikki4,

    0 votes
    1 answer

  11. Error: Bad value 100% for attribute width

    В диве задал картинку и прописал ей 100%, а в css задал ширину картинке другого значения. По крайне мере меня так устроило. Валидатор ругается. А если убрать width="100%" картинка отображается с меньшим размером, даже если в css задать width: 200%; Задача сделать картинку на все ширину и высоту контейнера https://jsfiddle.net/fo7wr56t/1/

    Asked by viliksar,

    0 votes
    1 answer

  12. Почему область не кликабельная?

    Подскажите пожалуйста, как сделать чтобы была область всего каркаса кнопки кликабельной, а не только самой ссылки как это например сейчас? https://jsfiddle.net/jrweq0hm/

    Asked by viliksar,

    0 votes
    1 answer

  13. Выравнивание иконок по вертикали

    Добрый день, необходимо сверстать блок как на картинке, но не могу понять как сделать правильно. Пробовал уже разными способами, но адаптивная верстка не получается. Где красная стрелка - там изменяется расстояние между иконками в соответствии с размером текста справа. Иконки соединены вертикальной линией, которая не должна прерываться. Кто подскажет?

    Asked by vvamsk,

    0 votes
    1 answer

  14. Что с картами?

    Всем привет, я уже полтара года не верстал ничего, вот вернулся к этой теме, и обнаружил такую вещь, что не могу вставить google карту, ругается что квота превышена. Она что платная стала? Если нужна бесплатная остается только яндекс? Пожалуйста просветите, а то давно уже не в теме.

    Asked by raptor-dm,

    0 votes
    1 answer

  15. При нажатие назад не переходит на предыдущую страницу

    Здравствуйте! Я не как не соображу, причины, почему на сайте не переключается страница? Например: был на главной странице, зашёл в раздел "Моё видео",вверху на против ссылки делаешь возврат на главную страницу., значение у ссылки меняется, а самого перехода на главную нет! Подскажите пожалуйста причину, и посмотрите сами! http://www.vs-eti.ru/

    Asked by AleksandrSaz,

    0 votes
    1 answer

  16. Прижать таблицу к верхней части контейнера

    Написал страничку: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>testPrj</title> <style> .wrapper { height: 100%; display: table; width: 100%; } .header { display: table-row; height: 1px; } .main { height: 100%; display: table; width: 100%; } .horizontalbar { display: table-row; height: 0px; } .box { display: table-cell; } .sidebar { width: 0px; } .sidebar t…

    Asked by ioprst,

    0 votes
    1 answer

  17. Прижать таблицу к верхней части контейнера

    Написал страничку: Скрытый текст <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>testPrj</title> <style> .wrapper { height: 100%; display: table; width: 100%; } .header { display: table-row; height: 1px; } .main { height: 100%; display: table; width: 100%; } .horizontalbar { display: table-row; height: 0px; } .box { display: table-cell; } .sidebar { width: 0px; …

    Asked by ioprst,

    0 votes
    1 answer

  18. Жирный шрифт выглядит не так как на макете

    Жирный шрифт выглядит не так как на макете. На верстке он какой то размытый. Почему такое может быть? http://skrinshoter.ru/s/231118/OzRayo2e решил вопрос: нужно было прописать тегу отдельно font-family: "RobotoBold";

    Asked by yaparoff,

    0 votes
    1 answer

  19. Как залить svg-контур?

    ребята, научите пожалуйста как залить svg-контур. есть один svg-файлик, в котором всего один элемент path. результат выглядит так мне хотелось бы изменить исходный код файла так чтобы область внутри была залита там же цветом, что и контур. svg-файл прикрепляю к этому посту. filter_fill.svg

    Asked by cyklop77,

    0 votes
    1 answer

  20. footer поверх map

    Помогите, пожалуйста, понять как разместить footer поверх map. Я начинающий верстальщик и не могу понять как решить данную задачу. Я пробовала с отрицательным margin-top для footer, тогда он залазит на div и в Chrome и Safari все отлично, но Firefox все съезжает. <main> /*много других тегов*/ <section class="modal-map"> /*форма*/ <div> <iframe src="https://www.google.com></iframe> </div> </section> </main> <footer> </footer>

    Asked by marriavass,

    0 votes
    1 answer

  21. Нужен совет как правильно сверстать блок

    Добрый день! Собираюсь переверстать сайт http://goods4fest.ru/ и нужен совет как будет правильно, лучше и тд сверстать блок, который под слоганом и лого. Можно ли будет использовать svg для создания трех фоновых фигур? Буду рад любым советам, спасибо!

    Asked by kaspers128,

    0 votes
    1 answer

  22. Текст не находится по центру кнопки, хотя должен

    На главной странице сделал небольшое меню, для того что бы пользователям было проще сразу перейти к нужной странице, но текст почему-то смещён немного вправо, хотя тег <center> присутсвует <center> <div id="navigation"> <a href="pages\news.html">Новости</a> <a href="pages\story.html">Лор</a> <a href="pages\forum.html">Чат</a> <a href="pages\materials.html">Материалы</a> <a href="https://worldofwarcraft.com" target="_blank">Сайт World Of Warcraft</a> <a href="https://www.blizza…

    Asked by Venner,

    0 votes
    1 answer

  23. Проблема с размещением li

    Простите может за глупый вопрос ,я еще новичок в этом деле . Проблема в том что я зафиксировал шапку -position: fixed; в хедере и все работало нормально . Но когда я добавил текст на страницу все элементы смешались в один . Создавал пункты для шапки с помощью( a) заключенных в (li). Заранее спасибо !!! Р.С могу дослать фото кода , если нужно .

    Asked by Danil8225,

    0 votes
    1 answer

  24. Как сделать высоту "a" по высоте родителя ul

    Здравствуйте. padding подгоняется не четко, при изменении масштаба видно изъяны (подсветка кнопки не на всю высоту или на оборот больше чем нужно) Код: https://jsfiddle.net/aemjkhp9/

    Asked by maxfloyd,

    0 votes
    1 answer

  25. Баннер

    Привет. Вопрос следующий. При обновление word press, один баннер переместился вниз ( см. скрин баннер в черном квадрате ). Как его вернуть обратно в черный прямоугольник?

    Asked by diekrups,

    0 votes
    1 answer

  • Обсуждения

    • 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