HTML Coding

29,542 questions in this forum

1. 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
2. Как сверстать такие позиционирование блоков для адаптива?

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

   Asked by MiHALbI4, May 15, 2017

   0 votes
   1 answer
3. Контрольные точки в медиавыражениях и $(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
4. При объединении 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
5. Прокрутка

   Есть шапка, левая картинка (не должна прокручиваться при прокрутке контента), подвал. Шапка и левая картинка при прокрутке остаются на месте. В конце страницы когда контент кончился и подвал уже идет необходимо чтобы картинка вместе с подвалом прокручивалась. <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
6. Video Background автоматическое изменение высоты DIV под высоту текста.

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

   Asked by dany994, May 21, 2017

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

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

   Asked by dany994, May 22, 2017

   0 votes
   1 answer
8. Переход по форме

   Как сделать, чтоб менялась форма при нажатие на Crewing Company? <div class="select-wrapper"> <select name="demo-category" id="demo-category"> <option value="1">Seaman / Job Seeker</option> <option value="1">Crewing Company</option> <option value="1">Shipowner</option> </select> </div>

   Asked by khomchenko, May 30, 2017

   0 votes
   1 answer
9. Решение для слайдера

   Коллеги, подскажите, как быть. Есть вот такой код для слайдера на сайте: $imagelist[] = '<div class="rotimg" style="background-image:url(/img/8_.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/10_.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_04.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_05.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_06.jpg);"></div>'; <div class="rotate"> <?php sh…

   Asked by Степан, May 31, 2017

   0 votes
   1 answer
10. не работает display:grid

    подскажите может почему не работать display:grid в новых версиях браузеров? Opera 45.0, Chrome 58.0.3029.110 (64-bit), FireFox 53.0.3 был использован рабочий код с вебинара на geekbrains по модульным сеткам, но ни один из указанных браузеров не хочет выводить информацию как надо. на всякий случай вот ссылка на код https://jsfiddle.net/AlexZaw/cdj6h2e1/ PS. разобрался, все дело было в простой опечатке...

    Asked by AlexZaw, June 1, 2017

    • display:grid
    0 votes
    1 answer
11. Сортировка

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

    Asked by Chingizovich, June 1, 2017

    0 votes
    1 answer
12. Подскажите как реализовать интерактивное меню.

    Добрый день. Подскажите пожалуйста как правильно реализовать данное меню или список, не знаю как правильней назвать. Нужно чтобы при нажатии на город появлялся блок с информацией и загорался определенное место на карте. Если с появлением блока более менее понятно, то как позиционировать эти красные (активные) города, чтобы они не съезжали с карты на разных разрешениях. Буду благодарен ссылкам на демо и примеры. С меня кофе тому кто поможет мне найти хорошее решение =)

    Asked by Free3e, June 7, 2017

    • меню
    • список
    • анимация
    • html
    • css
    • js
    • jquery
    0 votes
    1 answer
13. Адаптированный шаблон

    Добрый день. Подскажите в чём проблема? Когда просто сужаю браузер всё работает как надо, когда начинаю тестировать через device toolbar, то сайт замирает и ничего не меняет. У меня сейчас бошка лопнет, до этого с адаптацией не работал и ошибок найти тоже не могу. Разместил пока тут. Скрытый текст http://f.xmp3.su/22/index.html Помогите пожалуйста, что тут не так

    Asked by alexandrhhh, June 7, 2017

    0 votes
    1 answer
14. Ява скрипт на бэкграунд

    Здравствуйте. Подскажите пожалуйста такую вещь. Есть скрипт который выполняется через канвас вот так. Все отлично работает, но занимает много места. <div class="orange"> <canvas id="heart"></canvas> </div> CSS canvas { position: relative; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); } НЕ могу понять как сделать скрипт бэкграундом. Чтобы он занимал полную страницу, выполнялся на фоне, а я поверх него мог контейнеры расставлять. Где можно почитать начинающему как вообще делать бэкграундовую анимацию из скриптов. Спасибо

    Asked by Азраэль, June 9, 2017

    • ява
    • верстка
    • хтмл
    • канвас
    0 votes
    1 answer
15. Натяжка на CSM

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

    Asked by Yktam, June 9, 2017

    • хз
    0 votes
    1 answer
16. Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится?

    Здравствуйте! Вывожу код в Iframe. 1. Почему по умолчанию Iframe выводится в маленьком окне? Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится? 2. Как сделать чтобы окно Iframe адаптировалось под мобильные устройства? Вот мой код. Спасибо!

    Asked by Марат, June 15, 2017

    • iframe
    0 votes
    1 answer
17. Стоит ли использовать плагин fittext

    Приветствую всех! У меня такой вопрос. Сегодня прочитал про JS плагин, могу ошибиться в написании названия, но вроде Fittext. Плагин добавляет скрипты Js в страницу, позволяющий задавать тексту различные дополнительные параметры. Кто-то использует этот плагин? На сколько знаю вроде для адаптивного текста достаточно использовать проценты или em. Возникает вопрос зачем тогда нужен сей плагин? Или я что-то не так понимаю?

    Asked by tigrus2014, June 17, 2017

    0 votes
    1 answer
18. Проблемы в JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 7px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; height: 33px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { position: absolute; to…

    Asked by ErUnDAK, June 20, 2017

    • javascript
    • html
    • css
    0 votes
    1 answer
19. Как сделать дерево элементов наподобие генеалогического (отличный пример: схема метро)?

    Здравствуйте. Каким способом можно реализовать такое дерево элементов? Есть какая-то библиотека? Желательно конечно библиотеку. На ум пришло только абсолютное (относительно-абсолютное) позиционирование (что по-моему крайне не очень) и таблица (но как провести линии между элементами?) UPD: Нашел! Treeant.js и Springy

    Asked by iBars, June 20, 2017

    0 votes
    1 answer
20. html Веб-дизайн в андроиде

    Файл html не видет файл css в той же папке, хотя файл image из той же папки подключается. В третьем коде при выводе в браузер высвечивается тег <р>. Скрытый текст <link rel="stylesheet" href="style.css"> <img src="images/coast.jpg <p>Иванов А.А.<br><time datetime="10.06.2017T10:00">10 июня 2017 10:00</time></p>

    Asked by stilist, June 25, 2017

    • андроид
    • css
    0 votes
    1 answer
21. Правильная разметка

    Подскажите пожалуйста, как сделать то же самое, но более оптимизировано и правильно. Мне кажется что тут лишние див'ы и можно было сделать проще!? https://jsfiddle.net/dd36susm/

    Asked by oleg126, June 28, 2017

    0 votes
    1 answer
22. Изображения выходят за пределы слайдера. Задание 100% ширины не выручает

    В конец сайта поставил слайдер. Сначала Owl Carousel, потом Slick. Но в обоих слайдерах изображения выходят за его пределы. Ставил 100% ширину абсолютно всем элементам, не спасает. Даже оборачивал <ul> в <div> греша на float, но не тут то дело

    Asked by iBars, June 29, 2017

    0 votes
    1 answer
23. Как работает код данного массива?

    Дан код: var table = new Array(10); for(var i = 0; i < table.length; i++) table[i] = new Array(10); for(var row = 0, str = ''; row < table.length; row++) { for(var col = 0; col < table[row].length; col++) { table[row][col] = (row+1)*(col+1); str += table[row][col] + ' '; } console.log(str + '\n'); str = ''; } Я читал статью про массивы, знаю что значат квадратные скобки, но поясните мне пожалуйста как здесь в данном случае они работают, и в целом сам код?

    Asked by ErUnDAK, June 30, 2017

    • javascript
    0 votes
    1 answer
24. Прилипание текста к картинке

    Прошу помощь, надо, чтобы в тексте были размещены небольшие картинки, которые обтекает текст. При наведении на картинку, она увеличивается до реальных размеров. Собственно сделал всё, чтобы так и было, но между блоком с маленькой картинкой и обтекаемым текстом нет отступов. Текст полностью прилипает к маленькой картинке. Как сделать, чтобы отступы появились. Снизу мой код и стили. <body> <div class="post"> <div class="tema"> <p>Длинный текст</p> <a class="thumbnail" href="#"><img src="1.jpg" width="20%" border="0" align="left"/><span><img src="1.jpg"/></span></a&g…

    Asked by k1fazoid, July 6, 2017

    0 votes
    1 answer
25. Установка jquery плагина

    Дорогие друзья! Мучаюсь 3й день с установкой плагина https://codyhouse.co/gem/icons-filling-effect/ при установке у меня пол сайта крашится и не могу найти проблему, кто поможет разобраться? готов оплатить потраченное время

    Asked by Aledor, July 12, 2017

    0 votes
    1 answer