Jump to content
  1. HTML и CSS

    1. 221.6k
      posts
    2. 51
      posts
    3. Методологии

      Расширение возможностей для работы с HTML и CSS

      51
      posts
    4. Фреймворки и библиотеки

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

      61
      posts
  2. JavaScript

    1. Для начинающих

      Типовые вопросы по JavaScript

      29.9k
      posts
    2. Фреймворки и библиотеки

      Макеты и задания для самостоятельной работы

      80
      posts
    3. Скрипты и плагины

      Разработка и обсуждение скриптов, написанных на JavaScript

      23
      posts
  3. Разработка сайтов

    1. Для начинающих

      Типовые вопросы по созданию и разработке веб-сайтов

      228
      posts
    2. 35
      posts
    3. Аудит и анализ кода

      Общие вопросы, советы и рекомендации по улучшению качества кода

      7
      posts
    4. Программное обеспечение разработчика

      Программы, предназначенные для разработки программного обеспечения

      73
      posts
    5. Веб-дизайн

      Отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений

      60
      posts
    6. Мобильные платформы

      О разработке веб-сайтов под мобильные платформы

      16
      posts
    7. Open Source

      Программное обеспечение с открытым исходным кодом

      • No posts here yet
  4. Серверное программирование

    1. Для начинающих

      Типовые вопросы по серверному программированию

      • No posts here yet
    2. PHP

      Язык программирования, специально сконструирован для веб-разработок

      20.3k
      posts
    3. Платформы и языки программирования

      Другие распространённые языки и платформы для веб-разработки

      4
      posts
    4. Базы данных

      Решение задач и вопросов, связанных с различными СУБД

      2.2k
      posts
    5. 4.9k
      posts
  5. Полезное

    1. Библиотека полезных приемов и решений

      Полезные примеры, удачные решения, часто возникающие ошибки.

      3.9k
      posts
    2. Ресурсы

      Сайты, книги, полезные программы.

      3.6k
      posts
  6. Сервер

    1. Техническая поддержка

      Типовые вопросы о настройке и администрированию сервера

      8
      posts
    2. Веб-сервер

      Сервер, принимающий HTTP-запросы от клиентов и выдающий им HTTP-ответы

      230
      posts
    3. Базы данных   (3,409 visits to this link)

      Решение задач и вопросов, связанных с различными СУБД

    4. Хостинг

      О хостинге сайтов, аренды серверов, colocation, cloud, vps и т. д.

      596
      posts
    5. Домены

      О регистрации, регистраторах и подборе доменных имён

      37
      posts
  7. Интернет-маркетинг, SEO

    1. Поисковая оптимизация

      Общие вопросы про комплекс мер по внутренней и внешней оптимизации для поднятия позиций сайта в результатах выдачи поисковых систем, с целью увеличения сетевого трафика и последующей монетизации этого трафика

      33
      posts
    2. 2
      posts
    3. 20
      posts
    4. Сервисы статистики и аналитики

      Про Google Analytics, Facebook Pixel, Яндекс.Метрика и другие

      7
      posts
    5. 27
      posts
    6. 58
      posts
  8. Коммерческие услуги

    1. 3.5k
      posts
    2. 2.2k
      posts
    3. Услуги и сервис

      Предложение товаров, услуг и сервисов которые не подходят для других разделов

      6.1k
      posts
  9. Давайте поговорим о ...

    1. Общий

      Темы, не подходящие для обсуждения в других тематических форумах сообщества

      387
      posts
    2. 103
      posts
      • No posts here yet
    3. Флейм

      О не серьёзном

      40.8k
      posts
  10. Наш форум

    1. 1.6k
      posts
    2. Работа форума

      Предложения и пожелания по работе форума

      138
      posts
  • Forum Statistics

    45,994
    Total Topics
    345,840
    Total Posts
  • Member Statistics

    47,219
    Total Members
    1,451
    Most Online
    RossProxy
    Newest Member
    RossProxy
    Joined
  • Who's Online   1 Member, 0 Anonymous, 101 Guests (See full list)

  • Свежие Темы

  • Последние сообщения

    • Здравствуйте!Простите, если не сюда пишу.Уже несколько дней не могу найти свою ошибку.Прошу помощи.Пишу сайт.Вверху страницы горизонтальное меню - фиксированное.Под горизонтальным меню вставляю видео с текстом. Видео затеняется с помощью overlay.Все вставляется, но под видео большой отступ, заполненный тенью от видео.Как убрать большой отступ?На скрине выделена область, которую необходимо убрать.Сильно не пинайте, пожалуйста, только начинаю изучать это дело.Сайт запускаю на OpenServer. В веб еще не выкладывал. Index <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Мой сайт</title> <link rel="stylesheet" type="text/css" href="style/style.css"> <link rel="stylesheet" type="text/css" href="style/style-video.css"> <link href="https://fonts.googleapis.com/css?family=Merriweather|PT+Sans+Caption:400,700&display=swap" rel="stylesheet"> <link rel="shortcut icon" type="image/x-icon" href="favicon/favicon.ico"> </head> <body> <div class="fullscreen-bg"> <div class="overlay"> <h1>Простой пример<br>фонового видео на сайте</h1> </div> <video loop="" muted="" autoplay="" poster="video/fotopromo.png" class="fullscreen-bg__video"> <source src="video/videopromo.mp4" type="video/mp4"> </video> </div> <?php include('header.php'); ?> <div class="layout"> <?php include('nav.php'); ?> <div class="content"> <h1>Название страницы</h1> <p>Бла-бла.</p> </div> </div> <?php include('footer.php'); ?> </body> </html> Style-video .fullscreen-bg { overflow: hidden; z-index: -100; position: relative; height: 100%; width: 100%; padding-top: 45%; } .fullscreen-bg__video { position: absolute; top: 0; left: 0; width: 100%; } .overlay { background: rgba(0,0,0,0.6); position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 4; } .overlay h1 { text-align:center; color:#fff; font-size: 70px; margin-top:17%; } @media (max-width: 767px) { .fullscreen-bg { background: url('../video/fotopromo.png') center center / cover no-repeat; } .fullscreen-bg__video { display: none; } .overlay h1 { font-size: 40px; } } Понимаю, что строка 7 в коде style-video отвечает за это, но не знаю как правильно ее прописать.Сейчас там прописано: padding-top:45%;При уменьшении процента, на моем экране хорошо отображается.Но что будет на других экранах?При уменьшении окна браузера, тень опять появляется.
    • Я не обратил внимания что такая глупость может быть у кого-то в мыслях.   Что нельзя делать можно проверить вот тут: Showing results for contents of text-input area - Nu Html Checker (w3.org) В общем на сам атрибут валидатор не ругается, но совершенно ясно что его тут быть не должно. Может быть для каких то скриптов это нужно, но лучше использовать атрибуты data. Они все легальные.   Даже в случае, если подразумевается стиль листа это не документировано.     В основном стилевые атрибуты остаются актуальны только для таблиц. Иногда их можно также встретить в SVG, но это уже другая история.    
    • Full-R Но ведь речь в данной теме шла об атрибуте type элемента <ol>. Если я правильно понимаю, вопреки названию они никак между собой не связаны.
  • Popular Contributors

×
×
  • Create New...