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. Несколько js на одной html странице

    Привет. Подскажите, пожалуйста в чем может быть проблема и, если это возможно, как ее решить. Суть в следующем. Есть одна html страница, на которой реализовано две вкладки. На каждой вкладке отдельном окне, обрамленном с помощью css размещена svg картинка для которой необходимо выполнять JS код. В HTML пытался реализовать подобным образом: <body> <div class="menu1"> <br id="notCns"/> <a href="#cns">cns</a><a href="#notCns">notCns</a> <div> <object id="cnsId" type="image/svg+xml" width="1024" height="768" data="cns.svg"></object> <<script type="text/jav…

    Asked by ioprst,

    0 votes
    9 answers

  2. Как создать кнопки для вставки символов

    Добрый день! Вопрос, наверное, элементарный: как сделать кнопки для вставки символов, наподобие таких, как на прикрепленном рисунке? Такую полосу кнопок нужно поставить на каждую страницу сайта. В исходном файле сайта, с которого сделан скриншот, первая кнопка выглядит так: <ul class="sonderzeichen-uebung"> <li> <button class="FuncButton" onblur="FuncBtnOut(this)" onclick="Sonderzeichen('ñ')" onfocus="FuncBtnOver(this)" onmousedown="FuncBtnDown(this)" onmouseout="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseup="FuncBtnOver(this)" value="ñ">&#241; </button></li> Как я понимаю, это решается одним простым плагином? Как…

    Asked by heccele,

    0 votes
    0 answers

  3. Карточка товаров на Flex

    Всем привет. Есть код-схема карточек товаров. Как с текущей разметкой сверстать на флексах так, чтобы полные ряды товаров (т.е. по 3 товара) вели себя как space-between, а не полный ряд как space-around? Если такое не возможно, какие могут быть пути решения? з.ы. варианты с ручным добавление margin к товарам неполного ряда не подходят

    Asked by wa0s,

    0 votes
    0 answers

  4. Программа для верстки

    Подскажите прогу для кода, чтобы сразу во время верстки можно было бы видеть результат.

    Asked by viliksar,

    0 votes
    2 answers

  5. не открывается один popup

    Привет. на сайте имеется 2 формы popup, но одна почему то не открывается https://jsfiddle.net/6wsepfz3/2/ при нажатии на button с классом .call

    Asked by exoty,

    0 votes
    0 answers

  6. не присваивается div

    создал кнопку в div <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326"/> </div> в файле style.css дописал .obrvz img { cursor: pointer; position: fixed; left: 0; top: 30%; } @media (max-width: 768px) { .obrvz { display: none; } } но стиль не применяется ( в чём может быть дело ? подскажите пожалуйста извиняюсь, перезагрузил note+++ браузер , подчистил кэш и всё заработало

    Asked by ne_beret,

    0 votes
    1 answer

  7. как сделать чтобы кнопка не отображалась в мобильной версии сайта

    Всем привет. Как сделать чтобы кнопка не отображалась в мобильной версии сайта <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326" style="cursor: pointer; position: fixed; left: 0; top: 30%;"/> </div>

    Asked by ne_beret,

    0 votes
    2 answers

  8. Как сверстать такой треугольник?

    Добрый вечер, подскажите пожалуйста как сверстать такой треугольник?

    Asked by WebNewbe,

    0 votes
    5 answers

  9. Как сделать следующие? Отображение гиперсылок.

    Привет! Вопрос №1: Как реализовать следующие: Вопрос №2: Почему IE и Firefox не отображает гиперсылки, а Opera и Google отображают? Вот мой код:

    Asked by Нуб,

    0 votes
    8 answers

  10. еще один noUiSlider

    привет, теперь по поводу другого uislider https://jsfiddle.net/ahuasLwh/2/

    Asked by exoty,

    0 votes
    5 answers

  11. Bootstrap menu - гамбургер

    Доброго времени суток. Проблема лежит в Bootstrap menu, точнее в телефонной версии, так называемый гамбургер появляется только на экранах разрешения 767px шириной, а хотелось чтобы гамбургер меню было на планшетах. Причина заключается в том, что это первоначальное меню, и оно еще будет дополняться. (хотя и уже такое на телефоне не приятно видеть). Как и где поменять размер смены обычного меню на гамбургер? Сайт если будет нужен http://izhprint.org/ bootstrap файл тоже прикрепил. Заранее спасибо за помощь! bootstrap.css

    Asked by Liv0n,

    0 votes
    2 answers

  12. эффект hover

    3d кнопка или эффект нажатия в чём ошибка ? и кстати иконка не работает тоже ( <button style="position:absolute; right: 100px; icon: tty; font-size: 17px; background: rgba(115, 255, 255, 0.3); style: 3d; color: #ffffff; width: 200px; height: 40px; border: 3px solid #00ffff; border-radius: 15px;" class="popmake-326">Вызвать замерщика!</button>

    Asked by ne_beret,

    0 votes
    3 answers

  13. Спозиционировать элемент в нужное место по горизонтали, не выводя из потока

    Вот кот. Предполагается, что элемент не выводится из потока (по крайней мере, нужно чтоб он взаимодействовал в "строке" с другими элементами, предполагается, что за block-center могут также находится элементы). Загвоздка следующая: левый блок (block-1) имеет минимальный размер в пикселях(150px) и натуральный размер в rem (15rem, при том, что 1rem = 10px). Хочется оставить пользователю возможность менять в браузере размер шрифта, при этом положение левого края второго элемента (block-center) должно оставаться посередине (или в ином заданном месте). Для второго элемента указано свойство: padding-left: calc(50% - 15rem); /* тут может быть и 150px*/ При…

    Asked by Launder,

    0 votes
    4 answers

  14. Позиционирование текста.

    Приветствую! index.html: <div class="str1"><span class="cpu">Центра́льный проце́ссор.</span></div> css: .str1 { width: 100%; height: 100px; background-color:#3399ff; background: linear-gradient(130deg, #3399ff 50%, #ffffff 50%); } .cpu {border:0px solid red; color:#3399ff; font-size: 40px; line-height:100px; margin-left: 600px;} ================================================================ При просмотре на разных мониторов с разным разрешением, происходит следующие: На разный текст, не обращайте внимание, нужно как-то правильно оформить , посмотрите код и напишите правильный.

    Asked by Нуб,

    0 votes
    19 answers

  15. noUISlider

    очень трудновато с этим слайдером. https://jsfiddle.net/k13urhLb/1/ выбрал этот слайдер, но не могу настроить, чтобы больших делений было всего 4 (на 0, 10, 20 и 30), а маленьких делений было между ними 9 (в общем, как на обычной линейке все) и значение выводилось (на фотке где value). Заранее, благодарю за помощь

    Asked by exoty,

    0 votes
    2 answers

  16. Input range стилизация

    Ребят, какие тут параметры задавать, с range вообще не работал, даже не знаю как это подобное сделать?

    Asked by exoty,

    0 votes
    3 answers

  17. popup

    https://jsfiddle.net/uLtL9bea/1/ есть такой код, но почему то когда жму кнопку price Открывает самый последний popup, а не первый , остальные же находятся сзади этого, а когда форму закрываю, при нажатии на price повторно она не открывается

    Asked by exoty,

    0 votes
    1 answer

  18. Модуль сайта

    Когда тыкаю на данную кнопку, на этой же странице появляется следующее окно Подскажите как это правильно называется, что гуглить. https://www.askona.ru/krovati/krovati/krovat-romano.htm Ссылка для более хорошего понимания сути вопроса. Работает схоже с тем как появляется окно предпросмотра перед публикацией вопроса на этом форуме.

    Asked by purple/ocean,

    0 votes
    1 answer

  19. Растянуть фон с текстом до размеров картинки

    Здравствуйте, подскажите как растянуть фон с текстом до размеров изображения над ним? Чтобы их ширина всегда была равна, независимо от количества символов в тексте и размеров экрана. https://jsfiddle.net/vayr08d9/

    Asked by gadjet,

    0 votes
    2 answers

  20. Нужно сделать жирными только пункты в списке, а жирнеют еще и подпункты

    Есть вот такой список: <ol> <li id="st">Пункт 1</li> <li><strong>Пункт 2</strong> <ul id="otstup" type="disc"> <li>Подпункт 1</li> <li>Подпункт 2</li> <li>Подпункт 3</li> <li>Подпункт 4</li> <li>Подпункт 5</li> </ul> </li> Хотел в Пункт 2 прописать id="st", но этот стиль применяется и к подпунктам, т.к. они находятся внутри него, пришлось там написать strong, но так цифра жирным шрифтом не становится. В пункте 1 все нормально, т.к. он закрытый и в нем нет подпунктов. Как применить идентифика…

    Asked by Омск,

    0 votes
    4 answers

  21. Форма слайдера

    Помогите пожалуйста разобраться как сверстать слайдер, чтобы фоновое изображение распространялось на выделяющийся прямоугольник справа внизу где написан номер слайда, никогда с таким не сталкивался, буду рад любому совету. Спасибо.

    Asked by Dir.t,

    0 votes
    2 answers

  22. Печать html странички на 891*630 мм

    Здравствуйте. Имеется блок размером 891*630 мм Если верить конвертеру величин, то 1 мм = 3.779527559055 пиксель <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5</title> <style type="text/css"> body { margin:0; background:#FFFFFF; } div#block { margin:0 0 0 0; border: 1px solid #5698C9; } </style> script type="text/javascript"> var w=891; var h=630; function myFunction() { document.getElementById("block").style.width = w*3.780952380952381+"px"; document.getElementById("block").style.height = h*3.781144781144781+"px"; document.getElementById("w").innerHTML=w*3.780952380952381; docum…

    Asked by Ser8191,

    0 votes
    2 answers

  23. Расположение картинок в 3 ряда, друг под другом

    Здравствуйте, прошу совета. Есть один div. В него с бека загружаются картинки. Нужно их расположить в 3 ряда, друг под другом. На картинке изображено как надо. У меня получатся расположить только в ряд с фиксированной высотой, то есть расстояния по высоте между картинками получаются большими не друг за другом. Прошу подсказать как сделать правильно.

    Asked by roash19,

    0 votes
    2 answers

  24. Ошибка 403 Access forbidden!

    Всем привет, буду краток делаю сайт на openserver. Нужно было в хедер вывести логотип сайта. Воспользовался <img> при загрузке сайта картинка не выводится, вместо нее только содержание alt, когда смотрю в код элемента, там где ошибки написано не удалось загрузить изображение (Ошибка 403 Access forbidden!) позже выяснилось что вообще любые картинки не показываются из за этой ошибки при переходе по ссылке на изображение: права на папки не менял, поскольку в windows не знаю как, да и нельзя вроде как Сайт на dle и в других шаблонах все картинки выводятся, но в моём нет. В чем может быть дело?

    Asked by Mewow,

    0 votes
    2 answers

  25. Не обновляется информация на сайте

    Подключаюсь через FTP к сайту, который нужно отредактировать (делаю это через FileZilla+Notepad++), изменяю тело (index.html), все ок, но на самом сайте информация не обновляется и в исходном коде также без изменений. Зашел даже на хостинг и сделал изменения прямо из под него - тоже самое. В чем может быть проблема?

    Asked by chuck65,

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