HTML Coding

29,542 questions in this forum

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

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

   Asked by Hasiev, February 23, 2018

   0 votes
   4 answers
2. Идентификатор прокрутки страницы

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

   Asked by aluckyanov, February 22, 2018

   0 votes
   0 answers
3. Помощь "чайникам", 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, February 22, 2018

   • помощь
   • css
   • xpath
   • rss
   • styles
   0 votes
   1 answer
4. [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, February 22, 2018

   • новости
   • колонки
   • dle
   0 votes
   1 answer
5. Как объединить popup окно и owl carousel

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

   Asked by garmoni, February 22, 2018

   • popup
   • owl carusel
   0 votes
   5 answers
6. Как ограничить html к Js и CSS?

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

   Asked by meison13, February 22, 2018

   • css
   • js
   • html
   0 votes
   1 answer
7. Как привязать выпадающее меню к событию нажатия кнопки?

   Нашла анимацию гамбургер меню из трех полосок в крестик. Не могу понять как к нему прикрепить появление самого меню при нажатии. <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, February 21, 2018

   • меню
   • кнопка
   • выпадающее меню
   0 votes
   5 answers
8. 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 Еврейская Мышь, February 20, 2018

   0 votes
   4 answers
9. css Как заделеигировать событие?

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

   Asked by aqua.77, February 18, 2018

   • html
   0 votes
   3 answers
10. Позиционирование списков

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

    Asked by Mewow, February 17, 2018

    • div
    • ul
    • li
    0 votes
    3 answers
11. Наложение резинового фона поверх формы

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

    Asked by Odinokiy_volk, February 17, 2018

    • html css
    0 votes
    4 answers
12. Цвет кнопки входа, регистрации

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

    Asked by vladimir1199, February 16, 2018

    0 votes
    2 answers
13. Почему не работает box-shadow?

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

    Asked by d0ublezer0, February 15, 2018

    0 votes
    5 answers
14. Непонятная проблема со свойством 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, February 14, 2018

    • form
    0 votes
    2 answers
15. max-width Проблема в адаптивной верстке

    Здравствуйте, я новичок в сайтостроении и у меня возникла одна проблема при адаптации страницы, она состоит в том ,что в 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, February 14, 2018

    • padding
    • margin
    0 votes
    0 answers
16. Как адаптировать под мобильный?

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

    Asked by XopicT, February 14, 2018

    • css html
    0 votes
    1 answer
17. помощь Перемещение текста во круг изображение html/css

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

    Asked by Darsic, February 14, 2018

    • верстак
    • html
    • css
    • новичк
    0 votes
    3 answers
18. Стили в вордпресс

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

    Asked by MarinaMarina2104, February 13, 2018

    0 votes
    1 answer
19. Почему боковое меню не заезжает обратно?

    Здравствуйте. Вот такая проблема. Слайдер красиво выезжает, а при повторном клике просто пропадает. Как сделать так что бы он красиво выезжал и так же красиво заезжал?) https://jsbin.com/yuyawic/1/edit?html,css,js,output

    Asked by XopicT, February 13, 2018

    • javascript
    • html css
    0 votes
    2 answers
20. Откуда берется картинка, когда даешь ссылку на сайт?

    Извиняюсь, если вопрос не в том разделе. Когда в каком-нибудь чате — например, ВК или инстаграме — даешь ссылку на сайт, то автоматически подцепляется картинка. Вот, например http://joxi.ru/L210ZGMI8Kpj1m Я должна ее поменять, но не пойму, как? Или как вообще это называется, по каким запросам гуглить? Когда ищу по запросам со словом "сниппет", в результатах речь только о сниппете из поисковой выдачи.

    Asked by Svetlana_P, February 13, 2018

    1 vote
    2 answers
21. Отмена наследования css свойст потомками

    Здравствуйте! Столкнулся с ситуацией при создании всплывающего меню https://jsfiddle.net/u7qam9jm/6/ что свойства для родительского блока дублируются и на дочерние блоки. Я пытался через :not, но даже "не заметило конструкцию" и свойства все равно єкранировали на потомков...

    Asked by Super_Saimon, February 13, 2018

    • css
    0 votes
    5 answers
22. Ссылка на сетевую папку

    Как сделать ссылки на сетевые папки, которые находятся на компьютерах одной локальной сети?

    Asked by Imranissimo, February 13, 2018

    0 votes
    0 answers
23. 2 viweport для страницы (или аналогичный эффект)

    Дизайнер клиента придумал такой креатив. Есть 2 макета страницы - мобильный вид (320 px) и десктопный (1440 px). По его задумке, на устройствах до портретной ориентации планшетов должен показываться мобильный вид. Т.е. открываем на ipad в портретной ориентации - видим на весь экран мобильный вид. Открываем на десктопе или ipad в ландшафтном положении - видим десктопный. При этом нет адаптива - оно всё должно просто zoom-иться (как будто я неадаптивный сайт смотрю с указанным для него viewport) - т.е. на упомянутом ipad страница уменьшается чтобы вписаться в устройство. Такое вообще реализуемо? Два viewportа прописать, понятно, нельзя. Менять его от @media - тоже. Можно,…

    Asked by sdanilas, February 13, 2018

    • адаптив
    • viewport
    0 votes
    3 answers
24. Баг IE: контейнер заканчивается раньше дочернего центровщика

    Компоновка: типичный блок .Wrapper, который имеет ширину 100% от ширины окна, и центровщик (margin: 0 auto;) с указанными min-width и max-width: В IE следующий баг: Wrapper почему-то заканчивается раньше, чем надо, а центровщик с содержимым перекрывает следующую такую же компоновку ниже: Такой баг был замечен уже практически на свёрстанном лендинге, а потому было очень трудно сделать минимальный работающий пример. Я постарался убрать весь лишний HTML для данного примера, но CSS тоже самое было сделать очень трудно. Если Вы запустите пример в IE (ещё раз повторюсь, что в других браузерах всё нормально), то увидите следующее: На StackOverflow у…

    Asked by Боков Глеб, February 12, 2018

    • ie
    • баг
    • flex
    0 votes
    4 answers
25. В max-width не работает padding

    Здравствуйте, я новичок в сайтостроении и у меня возникла одна проблема при адаптации страницы, она состоит в том ,что в 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, February 12, 2018

    • max-widthpaddingmargin
    0 votes
    0 answers