HTML Coding

29,542 questions in this forum

1. Не работает AutoPrefixer sublime text 3

   Даже на знаю, где эту тему разместить. В общем, такая проблема. Устанавливаю плагин AutoPrefixer через Install Packages. Перезапускаю программу, пишу например border-radius: 5px; и нажимаю сочетания клавиш ctrl+alt+p - ничего не происходит. Пробовал и так запускать, и эдак - ничего не помогает. Node.js установлен. В чем может быть проблема? Заранее спасибо

   Asked by IvanRu08, July 3, 2016

   0 votes
   2 answers
2. Как сделать вот такое?

   Asked by anton_nikitin, July 3, 2016

   0 votes
   2 answers
3. Верстка шкалы

   Здравствуйте. Сделал такую адаптивную шкалу https://jsfiddle.net/x5pv92ox/, в которой будет меняться класс st-level-*, который применяет градиент с другими параметрами. Но мне кажется, что это можно реализовать как-то проще. Посмотрите, может у кого возникнет идея, как это лучше сделать.

   Asked by alex_web64, July 7, 2016

   0 votes
   2 answers
4. Адаптивная таблица

   Здравствуйте, дорогие форумчане, в очередной раз вынужден просить у вас помощи. Есть ли какой-нибудь способ сделать простую таблицу адаптивной? В каком смысле простую? Да самую что ни на есть простую а именно <table> со всеми вытекающими из нее <tr> <td> <th> Я уверен, что это можно сделать посредством css, но моих знаний недостаточно. Как пример: вот моя страница на ошибки отступы и кривой дизайн, можете не смотреть) Интересует внизу страницы таблица с табами. Буду очень благодарен, если кто-то подскажет как ее сделать адаптивной.

   Asked by MadSandwich, July 8, 2016

   • table
   • html
   • css
   0 votes
   2 answers
5. Проблема с отступом в шапке на отдельных страницах.

   Здравствуйте. Есть сайт: http://csgoqwerty.ru/. На всех страницах, кроме страниц профиля шапка сайта вплотную прилегает к верхней части, а на странице профиля имеет небольшой отступ (скриншот ниже под спойлером). Скрытый текст Проверял такой параметр, как margin, везде стоит нужный 0. При отключении данного параметра в css, шапка на данной странице встает на свое место, но, на остальных страницах съезжает (скриншоты ниже). Скрытый текст Без понятия что делать. Была идея создать отдельный класс для данной страницы, но, дело не в ней, а именно в шапке. Да и как привязать класс именно к ней, когда шапка к ней совсем не…

   Asked by 0swald, July 9, 2016

   0 votes
   2 answers
6. Как сверстать такой блок?

   Всем доброго времени суток! Нужно сверстать вот такой блок. Не могу понять как правильно сделать подобную рамку. Пробовал через border-image - рамка отображается только слева и справа от блока. Закругления по углам так же не работают, ну и как сделать стрелочку тоже не знаю. Пробовал и так и сяк. Помогите пожалуйста. Заранее спасибо!

   Asked by IvanRu08, July 9, 2016

   0 votes
   2 answers
7. Как сделать, чтобы прозрачность не затрагивала заголовок

   Сам блок div является прозрачным, необходимо сделать так, чтобы элементы которые в нем находятся не принимали свойство прозрачности, я уже попытался вынести h1 из div, но безрезультатно. код: http://jsbin.com/juwapitogi/edit?html,css,output

   Asked by Rimming, July 9, 2016

   0 votes
   2 answers
8. array, foreach

   Здравствуйте, как обратиться в foreach к массиву, название которого генерируется автоматически? Пробовала конкатенировать знак доллара с переменной в который точное название массива и потом уже на вход в foreach подавать эту переменную но так ничего не работает, как правильно? Спасибо!

   Asked by Anechka, July 10, 2016

   • array
   • foreach
   0 votes
   2 answers
9. Search Console

   Всем привет, столкнулся сегодня с проблемой, которую даже не могу предположить как решить, даже в какую сторону копать не знаю. Дело в том что добрый дядя гугл, с своей панели управления (search console) говорит мне что, мол у меня есть 2 не рабочие ссылки, и когда по ним переходишь получаешь ошибочку 404. Скрытый текст Но дело в том что, нет у меня на сайте таких ссылок я проверил все файлы ну не вижу я переход по таким ссылкам или вообще такой текст у себя на сайте. Вот что он пишет, не знаю поможет или нет, но вот: По .well-known Скрытый текст По apple-app Скрытый текст П…

   Asked by MadSandwich, July 12, 2016

   • html
   • .json
   • ссылки
   0 votes
   2 answers
10. Не работает transition opacity on pseudo-element

    Здравствуйте! Столкнулся с проблемой в Chrome 53 - не работает transition для opacity на псевдо-элементе. При этом в перечисленных браузерах эффект работает как нужно IE 10, 11, Opera 38, Firefox 47. Сайт на котором возникла проблема, кнопка "Get started" должна меняться. Воспроизведение проблемы https://jsfiddle.net/mikoart/foqLwnf5/ Это особенность Chrome или я что-то не так делаю?

    Asked by mikoart, July 13, 2016

    • html
    • css
    • вёрстка
    0 votes
    2 answers
11. Overflow увеличивает высоту родителя

    https://jsfiddle.net/6on27wxf/ Вот такой простой пример. При использовании стиля overflow: hidden; у родительского div увеличивается высота и снизу появляется серая полоса. Если overflow убрать то все нормально. Как сделать overflow: hidden и сохранить высоту?

    Asked by uniken1, July 14, 2016

    • css
    • overflow
    0 votes
    2 answers
12. Проблема display flex safari

    Добрый день, такая проблема: устроился на стажировку в веб студию, сразу дали решить/устранить проблему в их уже существующем проекте. - сайт: http://en.uff.fr - суть проблемы: на главной странице внизу, в диве с классом container, расположены на черном фоне логотипы продуктов(svg картинки). Реализовано всё через display:flex. Во всех браузерах отображение правильное кроме safari. Там поведение картинок такое что у них разные размеры и они как-бы *в куче*. Я гуглил эту проблему на англоязычных источниках и единственным советом был просто префикс -webkit-, но это уже учтено и всё равно правильного отображения мы не добились. Есть какой-то способ решить эту пробле…

    Asked by whiteworking, July 14, 2016

    • flex
    • safari
    • display
    0 votes
    2 answers
13. "background-size: cover" не применяется и перечёркивается даже при "!important"

    На этих двух страницах [один, два] к фоновым картинкам в самом верху и самом низу не применяется параметр CSS "background-size: cover", вместо этого он перечёркнут в инспекторе элементов и принудительно его применить не получается даже флагом "!important". Подскажите, что делать? Заказчику очень нужно. Я бы прописал конкретно для блоков, но увы тем самым я испорчу фикс для Safari, поэтому желательно сделать это как-то в таблице стилей. Да и вообще тупо странно, что происходит такая вещь...

    Asked by iBars, July 18, 2016

    0 votes
    2 answers
14. Выравнивание 2-х блоков по левому и правому краю без float

    Сабж https://jsfiddle.net/pbcab91y/2/ Можно сделать так же, но без float? (без padding и margin) margin-left: auto для inline-block походу не работает?

    Asked by torsar, July 19, 2016

    0 votes
    2 answers
15. что криво выстроились

    Подскажите вот чего дочерние блоки с классом block криво по горизонтали выстроились? https://jsfiddle.net/jbs8pctt/

    Asked by Serega5j, July 20, 2016

    • html
    • css
    • blin
    0 votes
    2 answers
16. Проблема с fancybox на мобильных устройствах

    Приветствую! Может кто-нибудь уже сталкивался с такими проблемами. Есть сайт http://stroymechanika.intelinets.ru/ Модалки fancybox (заказать звонок (http://take.ms/OeqbJ), оставить заявку (http://take.ms/0dCvS)) отображаются некорректно на мобильных устройствах. Выглядят слегка растянуто, примеры: http://take.ms/3YomPG http://take.ms/BktjY Модалки работают на type: ajax Инициализируются вот так: $.fancybox({ href: url, type: "ajax", openSpeed: 0, closeSpeed: 400, openEffect: 'none', padding: 0, beforeShow: function(){ $(".fancybox-overlay").addClass("r741-opened"); if(typeof callback === "function"){ c…

    Asked by osi-v, July 21, 2016

    • fancybox
    • css
    • js
    • mobile
    • html
    • jquery
    0 votes
    2 answers
17. В слайдере не отображаются боковые кнопки навигации, в чем проблема?

    Добрый день! Проблема в том что на сайте http://tomatto.esy.es/ в слайдере не видны боковые кнопки навигации, они не видны но если сбоку справа или слева нажимаешь то кнопки работают. Помогите в чем проблема?

    Asked by Ratibor, July 24, 2016

    0 votes
    2 answers
18. Не работает z-index

    Народ, всем привет! Есть сайт: http://handmademania.ru/b2b/ Щелкаем пункт верхнего меню "Расчёт заказа". Нас прокручивает вниз к анкете. Так вот, в ячейке "Мастер-классы, которые вы выбрали" я сделал список с мультивыбором. Проблема в том, что список большой,и он пересекается с кнопкой "Отправить". А если надо выбрать элемент списка, который на одном уровне с кнопкой, то кнопка становится на переднем плане, а мне надо, чтобы на переднем плане был выпадающий список. С z-index пробовал - не помогло, Пробовал z-index вместе с position:relative и без, но пока безрезультатно (( Помогите пожалуйста, кто может. Скриншот по ссылке: Скриншот.

    Asked by fenix_63, July 23, 2016

    • html
    • css
    • z-index
    • позиционирование
    • наложение
    0 votes
    2 answers
19. css. Помогите отредактировать отступы margin и padding.

    ссылка на мой html и css код: https://jsfiddle.net/w7fLp5g4/ Помогите плиз сделать блок "контент" вровень с "шапкой". По ширине. То-есть чтоб правый край шапки и правый край контента лежали на одной прямой. И ещё необходимо выровнять текст на блоках (Шапка, Контент, Левый блок) ровно по середине блока (желательно с помощью свойств margin и padding). По высоте и ширине. То-есть чтоб текст находился ровно в центре блока.

    Asked by DimaP, July 23, 2016

    0 votes
    2 answers
20. robots.txt

    Здравствуйте, у одного из моих сайтов на хостинге находится файл robots.txt с таким содержимым: User-agent: * Disallow: /graphics/ Disallow: /*.jpg$ и мне нужно было сделать запрет на индексирование всей графики в конкретной папке и вообще всех jpg. Думала что я правильно всё сделала но вот сегодня пришло письмо от Яндекс вебмастера в котором говорится о том что сайт полностью запрещён к индексированию в robots.txt. Это ошибка со стороны Яндекса и нужно писать им или у меня действительно не правильно заполнен этот файл для решения своей задачи? Спасибо!

    Asked by Anechka, July 26, 2016

    • robots.txt
    0 votes
    2 answers
21. Pixelperfect - разное отображение в FireFox и Chrome

    Верстаю PixelPerfect по макету. Я приложил скриншоты из одного и того же сайта. Почему при одинаковых стилях отображение разное ? как быть, как жить? в хроме юолее менее нормально отображается, а в FireFox криво. Если сделаю под FireFox ровно, будут сдвиге в хроме. Что делают в таких ситуациях ? оба браузера обновлены. Первый раз верстаю PixelPerfect. Подскажите пожалуйста новичку:) Первый рисунок -Google Chrome Второй рисунок -Mazila FireFox

    Asked by 777avatar007, July 27, 2016

    • pixelperfect
    0 votes
    2 answers
22. блоки одинаковой высоты

    Добрый день!Подскажите, как сделать такие блоки одинаковой высоты без table,js и флексов?поддержка IE7+ http://prntscr.com/by34uv

    Asked by yulshaz@mail.ru, July 27, 2016

    0 votes
    2 answers
23. Скачать с https

    Здравствуйте! Искала ответ - находила, пробовала - не работает, надеюсь что здесь помогут! Как скачать картинку по прямой ссылке с https помимо способа с file_get_contents'ом? Что я только не читала, и включала и отключала в php.ini - не хочет эта функция у меня скачивать с https, ну а с http конечно же всё замечательно! У меня OpenServer последний версии и может кто подскажет как сделать так чтобы работало или посоветует какой-либо другой способ? Спасибо!

    Asked by Anechka, July 27, 2016

    • https
    0 votes
    2 answers
24. Помогите убрать боковую прокрутку

    Вот сайт http://tk-etk.ru, почему появилась прокрутка вправо, как будто у body или padding или margin. Подскажите куда смотреть. Это шаблон если что, верстка не моя

    Asked by trixpk, July 28, 2016

    0 votes
    2 answers
25. Как с помощью CSS и HTML показать только часть картинки

    Можно ли вывести на экран обрезанную картинку, используя только html и css, но при этом, не используя (float: left) Необходимо центрировать и масштабировать картинку по экрану и, желательно, сохранить радиусы и тени. В примере ниже используются два изображения: Верхнее - 1600х900 (размеры всегда такие) Нижнее - 800х900 (размеры всегда такие) - т.е. ровно половина от первого рисунка со смещением от левого края на Х пикселей. Можно ли не загружать для этого два изображения, а для отображения второго рисунка использовать только первый с указанием отступа Х от левого края? То, что должно получиться - на картинке с тигром. Помогите, у кого есть время. Я нашел…

    Asked by Alok, July 28, 2016

    0 votes
    2 answers