Как вытащить видео из подвала?

@vlad-55 · Регистрация: 21.02.2009

Студворк — интернет-сервис помощи студентам

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

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

Вернуть окно в область экрана можно, заменив relative на absolute в коде

HTML5
1
<div id="myModal" class="reveal-modal" style="top: 100px; opacity: 1; position: relative; margin: 0 auto; text-align:center;">

Но в этом случае всплывающее окно смещается влево.

Как бы решить эту проблему?

Qwerty_Wasd · 12.09.2017, 20:48

vlad-55, по этой ссылке( всплывающее окно смещается влево) =>ТЫК<=, добавить инлайн-стили

HTML5
1
<div id="myModal" class="reveal-modal" style="top: 100px;opacity: 1;position: absolute;left: 50%;transform: translate(-50%, 0);/* margin: 0px auto; */text-align: center;visibility: visible;">

.

@vlad-55 · 12.09.2017, 20:58 **[ТС]**

Это не годится - всплывающая форма превращается в статический контент. См. http://u9998464.beget.tech/315.html

Qwerty_Wasd · 12.09.2017, 21:25

vlad-55, вы правы.. не досмотрел.. Исправлено.

HTML5
1
<div id="myModal" class="reveal-modal" style="top: 100px;opacity: 1;position: absolute;left: 50%;transform: translate(-50%, 0);/* margin: 0px auto; */text-align: center;visibility: hidden;">

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@vlad-55 156 / 20 / 5 Регистрация: 21.02.2009 Сообщений: 2,787
	12.09.2017, 20:58 [ТС]
	Это не годится - всплывающая форма превращается в статический контент. См. http://u9998464.beget.tech/315.html 0