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. Модуль сайта

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

    Asked by purple/ocean,

    0 votes
    1 answer

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

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

    Asked by Dir.t,

    0 votes
    2 answers

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

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

    Asked by Mewow,

    0 votes
    2 answers

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

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

    Asked by roash19,

    0 votes
    2 answers

  5. Печать 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

  6. Верстка аудиоплеера

    Впервые сталкиваюсь с такой задачей, может быть у кого-то есть похожий прототип? Подскажите как стилизовать стандартный html плеер, и как заставить его работать? Вот что я должен сделать: Волны я думаю могу изображением вставить?

    Asked by Hasiev,

    0 votes
    4 answers

  7. [DLE]Вывод новостей в несколько колонн

    Привет всем! В общем, как известно в DLE новости выводятся в 1 колонну. Так вот хочу что бы новости выводились в 3 колонки, а с телефона в 2 или 1 Но для начала хотел вывести хотя бы просто в 3 колонны В интернете говорят это делается просто через float: left; width : 33%; и в целом это работет, но вот так: всё вылезает из div почему то ещё говорят это можно сделать заменив строки кода сms но какие я не нашёл. изначально была идея сделать это с помощью flexbox, но он видать не работает с тегами dle: Структура кода такая: <div class="content"> {info}{content} </div> когда даю классу "conte…

    Asked by Mewow,

    0 votes
    1 answer

  8. Помощь "чайникам", CSS стили, deface сайтов

    Приветствую всех! Подскажите пожалуйста где помогут абсолютному "чайнику" от сайтостроения и HTML с разными мелкими вопросами? По CSS стилям, "дефейсу" - форумы, чаты (телеграм)... Например: пытаюсь создать rss-ленту для форума внешним сервисом, как правильно определить css селекторы? нужен чистый "title" сообщений, fetchrss (получает нераздельные "имяНазваниеОписание" топика): li.activitybit div.title > a ... другой сервис автоопределяет по XPath так и это работает корректно: /html/body/div/div/div/ul/li/div div[2]/a[2]/child::node()

    Asked by Risk,

    0 votes
    1 answer

  9. Как объединить popup окно и owl carousel

    Возникла проблема с объединением popup окна и owl carousel. После добавления карусели, попап окно не работает. http://garmoni.inf.ua/westworld/ http://prntscr.com/ii854d

    Asked by garmoni,

    0 votes
    5 answers

  10. Идентификатор прокрутки страницы

    Подскажите скрипт, который будет показывать начало и конец страницы и размещаться в самом вверху сайта. Видел на многих сайтах. Прокручиваешь страницу вверх и вверху страницы есть полосочка, которая показывает (как бы загрузкой) Идентификатор прокрутки страницы.

    Asked by aluckyanov,

    0 votes
    0 answers

  11. Как привязать выпадающее меню к событию нажатия кнопки?

    Нашла анимацию гамбургер меню из трех полосок в крестик. Не могу понять как к нему прикрепить появление самого меню при нажатии. <nav class="nav"> <div class="nav__btn"> <a id="nav-toggle" href="#"><span></span> </a> </div> <ul class="nav__list"> <li> <a href="#" class="nav__link">Episodes</a> </li> <li> <a href="#" class="nav__link">Charact…

    Asked by garmoni,

    0 votes
    5 answers

  12. Как ограничить html к Js и CSS?

    Всем привет, хотел бы узнать возможно ли так сделать. Например: Я соединяю 2 сайта, у них бывают одинаковое названия классов, как ограничить для того или иного блока подключения к CSS и JS чтобы они не пересекались ? Пробовал взять тег body в середине сайта туда засунуть Js и CSS, думал что основа всей страницы туда не подключиться так как там есть тег body, но это оказалась не так. Можно ли как нибудь сделать как мне надо ? Чтобы не пересекалось

    Asked by meison13,

    0 votes
    1 answer

  13. bg-blend-mode в действии

    Доброго времени суток. Уже давно мучает вопрос, который связан со свойством background-blend-mode и градиентом. Суть вопроса в том, что при вёрстке сайта с макета psd, я часто попадаю на фоновое изображение, которому задана функция с наложением градиента с целью частичного затемнения. Так вот у меня не получается реализовать это в самом проекте. Хотелось бы получить толковый ответ по данному вопросу. Пример кода для наглядности: body { width: 100%; background-image: linear-gradient(to top, rgb(0,0,0), rgb(255,255,255)), url(Surfers/src/img/bg-about-us.jpg); background-blend-mode: normal; }

    Asked by Еврейская Мышь,

    0 votes
    4 answers

  14. Наложение резинового фона поверх формы

    Привет! Подскажите как наложить нижнее синее облако поверх формы что справа.. Пробовал позиционировать этот фон относительно body и других контейнеров, мало того что не получилось расположить поверх формы так он ещё и обрезается, а он должен быть резиновым.. Пробовал поставить z-index выше относительно самой формы, body, а также других элементов но также ничего не вышло.. Пробовал эксперименты с opacity - тоже не помогает.. Для элементов формы применяется абсолютное позиционирование, видимо это не дает вытащить синий фон поверх нее, но должно же быть решение

    Asked by Odinokiy_volk,

    0 votes
    4 answers

  15. Позиционирование списков

    Привет всем, делал менюшку на сайте и столкнулся с одной проблемой Есть тег div, в нем ul и 5 li в строчку с помощью inline-block li должны быть равными по ширине и при том менять её в зависимости от ширины экрана на ум пришла только эта идея: Поскольку div = 100% для li я поставил 20% и, как я понимаю, li должны вплотную занять всю ширину div и при том быть не статичными тк % но не получается и последняя пятая переходит на новую строчку, когда ставлю 19% то всё влазит, но справа остаётся место и получается не красиво в чем дело? Никаких отступов нет, padding 0, что еще занимает место? Или способ не правильный? так же думал, что это из за про…

    Asked by Mewow,

    0 votes
    3 answers

  16. Как заделеигировать событие?

    Как сделать чтобы событие на 'div' выполнилось, после своего появления от нажатия на 'p' ? https://jsfiddle.net/s4eoawef/17/

    Asked by aqua.77,

    0 votes
    3 answers

  17. Перемещение текста во круг изображение html/css

    Я новичок и не могу ни как разобраться , мне надо сделать что бы текст был по бокам картинки , но ни как не выходит , может как то исправить код , или что-то добавить в него . Кто знает как помогите. 1 и 2 картинка то что у меня. 3 то что должно получиться.

    Asked by Darsic,

    0 votes
    3 answers

  18. Размещение файлов на сайте без возможности скачивания и извлечения любых данных

    Уважаемые форумчане, подскажите, пожалуйста, решение следующего вопроса: Необходимо разместить файлы (предположительно doc, docx) на сайте без возможности скачивания и извлечения из них любых данных. Какие есть возможности решения данного вопроса - конвертация, кодирование и т.д.? Рассмотрю любые варианты

    Asked by Totalist,

    0 votes
    8 answers

  19. Цвет кнопки входа, регистрации

    Здравствуйте, возникла проблема, не могу настроить цвет кнопки входа, регистрации. lk.tsk-kub.ru - если кто может помочь, буду очень благодарен.

    Asked by vladimir1199,

    0 votes
    2 answers

  20. Непонятная проблема со свойством Action у тега Form при отправке

    Добрый день! Есть небольшой проект связанный с регистрацией пользователей В общем пользователи заполняют форму описанную в reg.php. Форма формируется с помощью php echo "<form name=\"reg\" action=\"participation.php?action=insert\" method=post accept-charset=\"utf-8\"> Далее форма отправляет свои данные на participation.php Оба этих файла находятся в одном директории, но не в корне сайта примерно так site.ru/dir1/dir2 т.е они имеют адреса site.ru/dir1/dir2/reg.php site.ru/dir1/dir2/participation.php вот проблема в том что у большинства пользователей форма работает правильно и отправляет запрос на site.ru/dir1/d…

    Asked by saski,

    0 votes
    2 answers

  21. Подсветка колонок таблицы при наведении мыши

    Прошу совета. Общеизвестно, как подсветить строку таблицы при наведении мыши. Например: tr:hover {background-color: #FF0000} Но вот можно ли подобным способом подсвечивать колонки? Только умоляю - без скриптов. Я в них мало разбираюсь и вникать некогда. Если без них никак - то и ладно. В идеале нужна табличка, где при наведении мыши на ячейку подсвечивались бы одновременно и строка и столбец, крестом.

    Asked by Pinguin,

    0 votes
    9 answers

  22. Почему не работает box-shadow?

    В хроме и сафари на iOS 11 не работает box-shadow у псевдоэлемента под логотипом http://leveler.ru/caspol/ на десктопе все хорошо. Почему так?

    Asked by d0ublezer0,

    0 votes
    5 answers

  23. Как адаптировать под мобильный?

    Здравствуйте. Вот есть такой сайт https://jsbin.com/yonapon/edit?html,css,js,output. На обычном мониторе есть отступы справа и слева, отображение корректное. Но когда проверяю на мобильном, нет этих отступов и некорректно работает ширина. Как мне это справить?

    Asked by XopicT,

    0 votes
    1 answer

  24. Проблема в адаптивной верстке

    Здравствуйте, я новичок в сайтостроении и у меня возникла одна проблема при адаптации страницы, она состоит в том ,что в max-width ,при заданной ширине, не хочет работать изменение отступов (padding и margin), хотя flex-direction: column; работает. Жуткое ощущение глупой ошибки ,которую не могу найти. Заранее спасибо за помощь. Ниже HTML и CSS код: <header> <div class="header"> <div class="wrap"> <div class="logo header_left"> <a href="#"> <img src="images/logo.png" alt="Логотип"> </a> …

    Asked by Masya,

    0 votes
    0 answers

  25. Стили в вордпресс

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

    Asked by MarinaMarina2104,

    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