HTML Coding

29,542 questions in this forum

1. Кривое отображение сайта в сафари

   Есть такая проблема.. Верстаю сайт, адаптирую, все отображается ровно во всех браузерах, кроме сафари на маке и Ipad. Не пойму в чем проблема. http://yana23fv.bget.ru/ - вот сайт Вот так выглядит в сафари - так в хроме Сафари - хром Может кто знает в чем дело? Спасибо

   Asked by Windowl, July 14, 2016

   • html
   • safari
   • css
   0 votes
   1 answer
2. Как плавно приближать background? Есть пример

   Как сделать так, чтобы background плавно приближался как здесь и остановился на N-ном моменте времени?

   Asked by iBars, July 14, 2016

   0 votes
   3 answers
3. Плывёт верстка в FireFox

   Всем привет. Есть сайт: http://www.tongat-1.ru/ В Chrome и Opera нормально всё отображается, а вот в FireFox блок с видео с ютуба почему то съезжает вниз ((. Народ, подскажите как CSS мне подправить, какой костыль дописать чтоб в FireFox этот блок тоже нормально отображался?

   Asked by fenix_63, July 14, 2016

   • html
   • css
   • firefox
   0 votes
   3 answers
4. Проблема 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
5. Overflow увеличивает высоту родителя

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

   Asked by uniken1, July 14, 2016

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

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

   Asked by 0swald, July 9, 2016

   0 votes
   2 answers
7. Возможно ли частично перекрыть элемент, но оставить его видимым для курсора?

   В макете нужно реализовать наложение картинки на меню, но хотелось бы при этом оставить элементы меню доступными для клика полностью, а не частично. Сейчас реализовано так, что доступна только верхняя часть кнопки https://arthurmiko.github.io/shadows_portfolio/ Здесь воспроизведена подобная ситуация и вопрос относительно этого случая. Можно ли как-то оставить серые блоки доступными для курсора, в области их перекрытия синим блоком? Наверняка это можно реализовать с помощью JS, но есть ли способ обойтись HTML/CSS?

   Asked by mikoart, July 13, 2016

   • html
   • css
   • z-index
   0 votes
   6 answers
8. Отступы перед псевдоэлементом

   Приветствую! Проблема: добавил блоку псевдоэлемент (треугольный ). Абсолютно спозиционировал и отодвинул вправо на величину, равную ширине этого псевдоэлемента. Во всех браузерах работает нормально, но в некоторых мобильных Chrome добавляется отступ примерно в 1px между элементом и псевдоэлементом. От куда он? Как убрать? //Блок .news-img_tag-category { color: #fff; font-size: 0.75em; width: 71px; height: 20px; text-align: center; } //Псевдоэлемент .news-img_tag-category::after{ content:""; border-left:10px solid #812780; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10p…

   Asked by mn8156, July 13, 2016

   • псевдоэлементы
   • отступы
   0 votes
   0 answers
9. Как сделать кнопку проигрывания аудио без панели управления?

   Сейчас стоит флешкнопка. Но флеш устарел и потому подлежит замене. Нашел вот такое: <audio src=".....mp3"; ?>" controls></audio> Но он выводит вместе с кнопками звука, времени и прочее. А надо просто - нажал на кнопку- появился звук. т.е. фактически одна кнопка Play и больше ничего не нужно. Пробовал убрать слово: controls - но тогда вообще ничего не отображает. ps: нашел вариант решения: <audio id="audio1" src=".....mp3"></audio> <button id="play">Play</button> <script type="text/javascript"> var audioElement = document.getElementById('audio1'); document.getElementById('play').addEventL…

   Asked by nikki4, July 13, 2016

   0 votes
   3 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. Оформление блока

    Здравствуйте, есть блок в котором находится слайдер с поставщиками. Скрытый текст Не могу понять что, но что-то меня в нем очень сильно раздражает и слайдер сам по себе очень сильно выбивается из общей картинки сайта, Теперь сама суть, может кто-нибудь подкинуть идею, как бы его оформить так, чтобы он не выбивался из общей массы сайта? Ссылка на сайт Понимаю, что это и не проблема с кодом или еще что-то, но просто обратиться кроме как к вам форумчане не к кому и не куда. Рассчитываю на какую-нибудь светлую идейку.

    Asked by MadSandwich, July 12, 2016

    • slider
    • css
    • html
    0 votes
    6 answers
12. Search Console

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

    Asked by MadSandwich, July 12, 2016

    • html
    • .json
    • ссылки
    0 votes
    2 answers
13. Что такое build:css в html?

    Здравствуйте! Столкнулся с доработкой чужой верстки и увидел такой момент в html: <!-- CSS Theme --> <!-- build:css assets/css/main.css --> <link rel="stylesheet" type="text/css" href="assets/css/main.css" /> <!--<link rel="stylesheet/less" type="text/css" href="assets/css/main.less" /> <script src="assets/js/less.min.js"></script>--> <!-- endbuild --> Подскажите пожалуйста что это за конструкция и что она делает? Поиск по интернету мне ничего не дал, мои догадки, что она сразу формирует css файл из less. Но как это тогда работает и что для этого нужно, было бы полезно знать с…

    Asked by vlasenkov, July 11, 2016

    • весртка
    • html
    • css
    • build
    • build:css
    0 votes
    6 answers
14. Можно ли сайдбары убрать под контент?

    Есть сайт с такой структурой: сайдбар1 сайдбар2 контент http://cssdeck.com/labs/3r2rkid7 Можно ли как-то визуально переместить контент наверх?

    Asked by nikki4, July 11, 2016

    0 votes
    4 answers
15. Скрипт для перехода по внешней ссылке

    Нашел скрипт "Предупреждение о переходе по внешней ссылке" - habrahabr.ru/sandbox/78244/ Но, этот скрипт не работает в Файрфоксе при установленном АДБлоке. Страница вроде как открывается в новой вкладке но тут же, мгновенно, закрывается. Причем не важно, дождался пока таймер оттикает или кликнул для перехода - невозможно перейти. Скажите пожалуйста, можно ли как-то подправить скрипт для нормальной работы в Файрфоксе?

    Asked by alleclf, July 12, 2016

    0 votes
    0 answers
16. Bootstrap slider: переместить описание на слайде

    Bootstrap - slider. Необходимо переместить описание. Попробовал сделать это с помощью position:relative и position:absolute. Но получается перемещать только вверх-вниз. А как сделать это вправо-влево? Вот сам сайт

    Asked by yaparoff, July 11, 2016

    • slider
    • bootstrap
    0 votes
    1 answer
17. array, foreach

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

    Asked by Anechka, July 10, 2016

    • array
    • foreach
    0 votes
    2 answers
18. Как сверстать такой блок?

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

    Asked by IvanRu08, July 9, 2016

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

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

    Asked by Rimming, July 9, 2016

    0 votes
    2 answers
20. массив сравнить с бд и вывести результат.

    Добрый день. вобщем такой вопрос я передаю значения id через запятую методом GET. Мне его нужно принять как массив и вывести данные из бд где каждый id равен тому id что передаю. Не могу придумать как это сделать.

    Asked by DronBoy, July 9, 2016

    • массив
    • бд
    0 votes
    1 answer
21. Не загружается картинка

    В общем проблема вот в чем,сначала должна идти обводка а до линии должна быть шапка.Я её вставил,но она отображается поверх обводки. Я пробовал сначала разместить шапку, а затем обводку,но шапка не отображается вообще.А если сначала разместить обводку,а затем шапку, шапка отображается. Скрытый текст <div id="header"> <div id="obvodka"> <img src="img/obvodka.png"> </div> <div id="shapka"> <img src="img/shapka.png"> </div> …

    Asked by Hubble, July 8, 2016

    0 votes
    4 answers
22. div

    Я столкнулся с проблемой. Я ограничил div margin'ом со всех сторон %'ами, но мне нужно растянуть div на полную ограничив его этими процентами. Как это сделать? Тут height и width не помогает.

    Asked by Danateliant, July 8, 2016

    0 votes
    5 answers
23. Проблема в создании сайта

    Всем привет. Изучил html/css, и начал изучать JS. До PHP пока не дошёл. Но можно сказать как раз по нему у меня и есть вопрос. Никак не могу разобраться в одной теме. Как я понял, сайт можно делать вручную (набор html файлов) или в макете на определённой CMS (как я понял там набор php файлов). Так вот, веб то развивается и мне стало интересно: вот я делаю сайт из 10-15 html файлов (блог, например или фан. сайт) и выкладываю на хостинг. Это ведь получается готовый, созданный мной макет, не заточенный под CMS. Но есть ли в нём сейчас смысл или потом, без cms, его сложно будет поддерживать и обновлять? И вообще как потом его заточить под CMS-ку? Вручную переделыват…

    Asked by Domenys, July 8, 2016

    0 votes
    8 answers
24. Плагин View in Browser настройка для SublineText

    Добрый день, подскажите пожалуйста, кто сталкивался, как настроить для SublineText 3 плагин View in Browser Что б он отображал HTML фаил в Хроме по умолчанию. (К меня почему то не срабатывают сочетания клавиш Ctrl+Alt+B ) работаю из под Windows.

    Asked by Black_Star, July 8, 2016

    • view in browser
    • sublinetext
    0 votes
    3 answers
25. Адаптивная таблица

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

    Asked by MadSandwich, July 8, 2016

    • table
    • html
    • css
    0 votes
    2 answers