Пишите сюда если нужна помощь в составлении и оформлении таблиц и других html-блоков
Помощь по составлению html-кодов
Сообщений 121 страница 130 из 177
Поделиться12122.04.22 01:34
А как правильно мне задать падинг (отступ сверху/снизу) чтобы видео не прилепало к тексту?
Отступы задавай через margin (там можно без !important)
Поделиться12222.04.22 15:07
Deff
Пасиб понял 👏👍 (отступ задавать так же как и для всех блоко).
И последний вопрос можно:
Оформил вывод тега html в постах....но.... К примеру.... Если задать ширину 100% то она будет авторастягиваться под экраны (сейчас так и сделал), но а как задать высоту?
Если задаю высоту avto, то применяется высота от сервиса. Так же не катит высота 100% [злой]
Здесь я непонимаю как правильно задать высоту (так как у разных html кодов разная высота) и я хочу чтобы она подстраивалась под вставленый код (если высота 300px то высота 300 px, если высота 3000 px то выводилась вся высота html
Поделиться12322.04.22 19:57
МАЧОнаДАЧЕ
Ну по идее делают стиль под несколько распространеных моделей мобильников (Да хоть пять шесть с размерами от 1000рх до 400рх по горизонтали (к примеру с градацией через 100px и втам явно задаёшь ширину высоту ?
Поделиться12423.04.22 00:33
Deff
На данный момент я закончил на 97-98% делат свои правки (диз останется таковым для планшетов и пк).
Остаётся доделать мелочи и поправить скрипт "портал" (так как буду делать собственно главной страницей именно портал). Но это уже конечный этап
И только после того как закончу. Только тогда прицеплю моб стиль (со всеми уже вырублеными дополнениями). То-есть поставлю "шаблон" от Герды (только поправлю в нём цвета и всё).
А счас вернемся к вопросу выше.
Так как стиль планшета и пк (будет един то). Я пишу так:
.post-content iframe[src*="html"]{
width: 100% !important;
height: 600px !important;}
Где ширина подстраивается под экран.
Соответственно высота ограничена в 600px (как мне ее зделать avto чтобы подстравалась под высоту собственно самого показа html).
Возможно ли это? Или тут вариантов нет?
Я к чему.... К примеру если возьмём цитату то... ширина задана (допустим 400px) а высота то растягивается на всю цитату. Так можно с html блоком зделать?
Поделиться12523.04.22 01:49
Где ширина подстраивается под экран.
Я же написал выше, что ширина = 1,67*высота
Или Высота = ширина/1.67
Потом полный экран автоматически расширяется до макимально возможного с сохранением пропорций, на мелкосайтах даж не заморачиваются сильно с пропорциями неразвернутого видео...
Ну и вообще - загугли: Как правильно вставлять видео(с ютуба?) на сайт с использованием разных устройств
Поделиться12624.04.22 06:56
Deff
Так с видео я всё зэбест сделал. Мне надо именно html:
.post-content iframe[src*="html"]{
width: 100% !important;
height: 600px !important;}
Получается что высота ограничена 600px. Вот конкретизирую. Можно ли высоту html сделать avto (если да то как?....если нет то закрываем вопрос)
Поделиться12724.04.22 14:23
Так с видео я всё зэбест сделал. Мне надо именно html:
Ссылку на пост с проблемой, видный гостю
Ну и скриншот с пояснениями, чо не так
Поделиться12825.04.22 18:03
Deff
Пост с примером: https://blog.topbb.ru/viewtopic.php?id=172
Как видно в верху поста вставлен код обвёрнутый в html (для отображения).
На данный момент высота выставлена auto. Собственно блок не подстраивается под высоту самого html, а обрезается до высоты заданой самим майбом. И получается html вставлен в спойлер со скролом.
Так же и если я ставлю высоту 100% эфект тот же (хотя установленая ширина 100% подстраивается без проблем)
Как вариант установить фиксированую высоту блока (как пример в коде в 600px), но оно тоже не идеальный вариант так как если html с меньшей высотой то остаётся пустой блок собственно до 600. Ну и если (к примеру) html ввысоту 2000px то он обрезается до 600px (так как установленая высота 600)
.post-content iframe[src*="html"]{ width: 100% !important; height: 600px !important;}
Расписал подробно. Думаю скрин и не нужен
Поделиться12925.04.22 18:27
Расписал подробно. Думаю скрин и не нужен
Ну это Вам не нужен, а мне нужен!
Ибо там помимо HTML в сообщении есть и блоки [code][/code] в котором стоит стиль ограничения высоты от сервиса.
Так вот обведите красным прямоугольником интересующее место с ограничением по высоте
Поделиться13025.04.22 22:20
Deff
Извиняюсь за недопонимание 😬
Ну да. В посте есть code-box (в котором и есть скрол от сервиса).
В данный момент html обрезается сервисом:
Хотя должно быть так:
Не очень удобно. Так как не виден собственно пример в полном размере. Тут нужна и ширина и высота показуемого html кода