HTML Coding

29,542 questions in this forum

1. При объединении gulpом css файлов, заменяет ссылки на border-image

   Добрый день, подскажите. до объединения css файл: shapka { border-image-source: url(img/shapka.png); } и после: shapka { border-image-source: url("../../../../src/css/img/shapka.png"); } как получить такой путь? shapka { border-image-source: url("../../src/css/img/shapka.png"); } или сделать чтобы ссылку не трогал при объединении? gulpfile.js

   Asked by 1mp0rt, May 16, 2017

   • css
   • gulp
   0 votes
   1 answer
2. Прокрутка

   Есть шапка, левая картинка (не должна прокручиваться при прокрутке контента), подвал. Шапка и левая картинка при прокрутке остаются на месте. В конце страницы когда контент кончился и подвал уже идет необходимо чтобы картинка вместе с подвалом прокручивалась. <div class="top-head"></div> <div class="container_main container-fluid"> <div class="container"></div> </div> <div class="footer"></div> .top-head { position: fixed; z-index: 100; } .container_main { background: #fff url("../img/reviews/reviews_bg.jpg") no-repeat fixed center 55px; } .footer { background: rgba(0, 0, 0, 0) url("../im…

   Asked by swear0, May 22, 2017

   0 votes
   1 answer
3. Изменение расположения блоков при адаптиве

   Здравствуйте, верстаю простой трёхколоночный сайт, у левой колонки - float: left, у правой - float: right, у центральной ничего. Всё хорошо, но вот делаю адаптивную версию и надо чтобы при определённой ширине экрана центральная часть была вверху, как это сделать? Мне на ум приходит продублировать центральную колонку перед левой, и задать ей display: none, а при сужении экрана делать её блочной, но может есть более элегантное решение?

   Asked by Oleg90s, May 23, 2017

   0 votes
   4 answers
4. Якори

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

   Asked by Anuar03, May 23, 2017

   0 votes
   2 answers
5. Родительский контейнер

   Почему родительский контейнер не увеличивается в размерах при добавлении в него блоков?

   Asked by Anuar03, May 21, 2017

   0 votes
   6 answers
6. Высоты video background-a не подстраивается под текст

   Подскажите пожалуйста как сделать что бы был текст внутри Video DIV-a и высота Video DIV-a была в зависимость от текста внутри? Вот кот который я пытаюсь сделать. http://cssdeck.com/labs/fp6hr6q4 Спасибо!

   Asked by dany994, May 22, 2017

   0 votes
   1 answer
7. Правка формы заказа на сайте

   Добрый день! Полагаю, что мой вопрос совсем "детский", но прошу помощи, мне в силу возраста самой сложно разбираться в верстке. Буду очень признательна за помощь! Собственно проблема: через скрапбук я скопировала сайт, в файле index.html возникла необходимость поменять форму заказа, чтобы при заказе данные приходили ко мне на почту. Нашла order-section в файле, но непонятно, как именно вносить правки, в поле action стоит значение action="http://vip.fly-bra.com/order" Как сделать так, чтобы во внешнем виде формы не поменялось ничего (в т.ч. и таймер, "зашитый" внутрь нее), кроме, собственно, адреса отправки данных... Спасибо заранее! P.S.: прикрепляю сам ind…

   Asked by ekaterina67, May 21, 2017

   • сайт
   • формазаказа
   0 votes
   7 answers
8. onmousedown и onmouseup android

   Здравствуйте. <div id="qaz" class="Pv100" onmousedown="myFunction()" onmouseup="myFunction1()"></div> function myFunction() { document.getElementById("qaz").style.backgroundColor="#FFD800"; } function myFunction1() { document.getElementById("qaz").style.backgroundColor="#FF0000"; } В браузере на компьютере работает как положено, на телефоне если нажать и отпустить только красный цвет, жёлтого нет, почему?

   Asked by Ser8191, May 14, 2017

   0 votes
   1 answer
9. Video Background автоматическое изменение высоты DIV под высоту текста.

   Здравствуйте! Подскажите как сделать video background для DIV, и что бы высота div-a задавылась автоматически в зависимость от высоты текста внутри? Спасибо!

   Asked by dany994, May 21, 2017

   0 votes
   1 answer
10. Помогите советом

    Ребят, есть несколько вопросов, помогите новичку ) 1. FontAwesome и Fontello В чём сокральный смысл подключать тяжелый шрифт FontAwesome если можно собрать нужные нам иконки на Fontello и подлючить непосредственно их. Размер ведь будет намного меньше ? 2. Есть блок обёртка для фотографии, и непосредственно сама фотография. Почему наш блок обёртка всегда немного длинее самой картинки ? За счёт чего образовывается этот самый отступ ? Убираю его, задавая контейнеру font-size: 0, но хотелось бы понимать из-за чем этот самый отступ образовывается. 3. Есть сайт шириной 1400 px. В некоторых секциях на фоне идёт картинка на всю ширину. Как верстать подобные…

    Asked by brezze, May 21, 2017

    0 votes
    2 answers
11. Два блока одинаковой высоты

    Как сделать два блока одинаковой высоты если размеры указывать в процентах. Вот пример - https://jsfiddle.net/u0w204a4/ Размер красного блока зависит от размера экрана, как подогнать высоту синего блока чтобы она была такая же как и у красного? Текст в синем блоке должен быть в самом низу на уровне нижнего края картинки.

    Asked by alleclf, May 21, 2017

    0 votes
    2 answers
12. Не работает обратная связь

    Добрый день, уважаемые форумчане. Я новичок, запустил свой сайт (скачал понравившийся и при помощи какой то матери переделал его под себя). Перестала работать форма обратной связи, просидел 2 дня, и понял, что с моими мозгами я не смогу это сделать. Помогите пожалуйста мне исправить эту ошибку. Спасибо

    Asked by Edmaynert, May 20, 2017

    • обратная связь на сайте
    0 votes
    1 answer
13. Refused to set unsafe header "Origin"

    Здравствуйте. Подскажите пожалуйста в чём дело? function on() { var XHR = ("onload" in new XMLHttpRequest()) ? XMLHttpRequest : XDomainRequest; var xhr = new XHR(); xhr.open('GET', 'http://192.168.0.91/gpio/1', true); xhr.setRequestHeader('Origin','http://192.168.0.39'); xhr.onload = function() { document.getElementById("text").innerText=this.responseText; } xhr.onerror = function() { document.getElementById("text").innerText=this.status; } xhr.send(); } Сервер отвечает HTTP/1.1 200 OK Content-Type:text/html; charset=UTF-8 Access-Control-Allow-Origin: * <!DOCTYPE HTML> .... ..... ...... В консоли браузера Refused to set unsafe header "Origin"

    Asked by Ser8191, May 20, 2017

    0 votes
    0 answers
14. Неожиданно на хостинге появился псевдокласс :root

    Доброго времени суток! Уважаемые коллеги, помогите решить проблему. Есть на хостинге статическая страничка. Неожиданно пропал блок с ссылками. Инспектор кода Chrome выдаёт вот это <style type="text/css"> :root *[pk3x5e3][hidden] { display: none !important; }</style> <ul class="social_list" pk3x5e3="" hidden=""> <li class="social_item" pk3x5e3="" hidden=""> <img class="social_icon" src="image/icons/www.png" alt="" pk3x5e3="" hidden=""> <a class="social_link" href="http://veselyevykhodnye.wixsite.com/l-school" target="_blank" pk3x5e3="" hidden="">http://veselyevykhodnye.wixsite.com/l-school</a> </l…

    Asked by Dzhem, May 18, 2017

    0 votes
    3 answers
15. Мобильная версия, несоответствующий размер

    Здравствуйте, уважаемые. У меня возникла проблема с блоком который немного "кривой" в мобильной версии. Возможно, у вас есть версии... Не подскажите, как исправить? Скрытый текст Страница бага: http://destonrp.ru/donate Спасибо.

    Asked by HosefuMeow, May 16, 2017

    • html
    • problem
    • вёрстка
    • css
    0 votes
    4 answers
16. Несколько popup окон на одной странице на чистом JS

    Здравствуйте! Подскажите, пожалуйста, как реализовать несколько popup окон на одной странице на чистом JS? Например, если у кнопки и у popup окна одинаковые id: https://jsfiddle.net/rjno6o9q/

    Asked by volshebnyi, May 15, 2017

    0 votes
    6 answers
17. Контрольные точки в медиавыражениях и $(window).width() (или window.innerWidth) не совпадают?

    Всем привет! Столкнулся с проблемой, когда контрольные точки в медиавыражениях не совпадают с точками $(window).width() (или window.innerWidth). Это и правда так, или всё же я что-то не так делаю? Покажу на примерах. 1) https://codepen.io/psywalker/pen/WjJZbe - в этом примере верхний div отвечает за медиавыражения, нижний за $(window).width() (или window.innerWidth), ну а span -- это просто линейка в 600px, правый край которой и является нашей контрольной точкой (600px). Здесь всё работает отлично. Сузьте экран ровно до правого края span и увидите, как все два div станут синими (http://take.ms/ECczJ). А если жмякнуть ссылкой на span, то даже в консоли всё буде…

    Asked by psywalker, May 15, 2017

    • css
    • javascript
    • медиавыражения
    • $(window).width()
    • window.innerwidth
    0 votes
    1 answer
18. Mask in SVG

    Всем привет! И опять у меня проблемы с SVG. Как сделать, чтобы у буквы D был такой же фон как у контейнера? Т.е. D прозрачная, и фон у многоугольника на месте буквы тоже. Мучаюсь здесь

    Asked by Schamil74, May 8, 2017

    • mask
    • svg
    0 votes
    2 answers
19. Как сверстать такие позиционирование блоков для адаптива?

    Всем привет! Интересует следующий вопрос по адаптивной верстке. Есть 3 блока. На широком экране красный и черный - фиксированные по ширине, а белый - основной блок для контента, у которого ширина зависит от ширины страницы, т.е. резиновый. Высота у блоков может быть любой. Главное - чтобы блоки не дублировались! При узком экране красный должен переместиться над белым блоком, а черный - под ним: Я пытался сделать через float, но моих знаний не хватило на решение данной задачи. Заранее спасибо!)

    Asked by MiHALbI4, May 15, 2017

    0 votes
    1 answer
20. SVG анимация

    Здравствуйте. Вопрос по SVG анимации. Есть готовый файл SVG. Это жук. У жука 6 лап. Я хочу заставить лапы двигаться. Для этого использую анимацию атрибута "d" команды path. Я попробовал пока на одной лапе, но движений ни каких. Помогите понять в чём причина. <path style="stroke:#000000;stroke-width:1.02871215px" inkscape:connector-curvature="0" d="m 365.18001,254.32998........ -11.21751,12.78362z" id="path3862"> <animate attributeName="d" id="QQ" begin="1s" dur="3s" repeatCount="indefinite" keyTimes="0;1" values="m 36…

    Asked by halione, May 14, 2017

    0 votes
    0 answers
21. Кроссбраузерная НЕсовместимость

    Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется bootstrap4 Далее на картинке: 1. В хроме все норм. Единственное, как сделать, чтобы линия прогресса в блке "our process" анимировалсь только один раз после перезагрузки страницу? 2. Лого в firefox и edge отображаются одинаково. Буквы D (маска) не видно. В IE11 видно верхушку. 3. Блок "our process" в edge не анимируется progress в виде контура красным цветом, а в IE11 вообще бардак. Анимируется только появление текста. 4. На iphone5 не анимируются hexы в блоке "WHAT CAN YOU RECEIVE" Проверял на виртуальной машине. На маке не тестил, нет возможно…

    Asked by Schamil74, May 13, 2017

    • верстка
    • svg
    0 votes
    0 answers
22. Правильно задать отступы между элементами в статье

    Добрый день! В верстке мало опыта. Ищу универсальный и лаконичный способ описания вертикальных отступов в статье. Имею ввиду margin у заголовков, абзацев и списков. Поддерживая сайты со своей и чужой версткой часто сталкивалась, что где-то не доработано, и приходилось плодить новые правила. Чтобы итоговая верстка проходила по критериям: отступы у h1, h2, ..., p, ul, ol и всех их комбинаций между собой предсказуемы и правильны, с соблюдением принципа внутреннего и внешнего; тег первого идущего в статье заголовка можно легко заменить на другой (например, h1 на h2), не испортив дизайн; набор классов у элементов статьи сведен к минимуму; набор п…

    Asked by Svetlana_P, May 10, 2017

    0 votes
    3 answers
23. Размещение обьекта

    Привет . Не могу понять почему моя картинка(аватар) появляется перед меню. Мне нужно что бы она была в правой части экрана . Первым лого , потом меню и сразу за ним аватар. Spoiler <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link href="Style.css" rel="stylesheet" type="text/css"/> </head> <body> <div class="wrapper"> <div class="header"> <div class="headermenu"> <span class="logo">YokNgalam</span> <ul> <li><a href="#">Home</a></li> <li><a href="#">Destination</…

    Asked by kaplunA, May 9, 2017

    0 votes
    1 answer
24. Как поменять блоки разных родителей местами?

    Можно ли при такой структуре поменять местами при маленьких экранах блоки c текстом 2 и 3? <container> <div class="row"> <div class="col-xs-12 col-md-12"> <div>1</div> <div>3</div> </div> <div class="col-xs-12 col-md-12"> <div>2</div> <div>4</div> </div> </div> </container> т. е. сперва идёт обычный порядок 1 3 2 4, а при размере col-xs-12 меняется на 1 2 3 4

    Asked by aqua.77, April 29, 2017

    0 votes
    4 answers
25. Как понять if (/color/.test(webKitStyles[i]))

    Как понять это выражение? if (/color/.test(webKitStyles)) Вроде в слэши заключается выражение для шаблона замены. Даже предположить не могу каково может быть значение выражения /color/

    Asked by Аркадий, May 7, 2017

    • jscript
    • слэш
    0 votes
    4 answers