БИБЛИОТЕКА ШКОЛЬНОГО УЧИТЕЛЯ

1. Босова Л. Л Информатика : учебник для 7 класса / Л. Л. Босова, А. Ю. Босова. — М. : БИНОМ. Лаборатория знаний, 2013. — 224 с. : ил. СКАЧАТЬ
2. Босова, Людмила Леонидовна. Информатика : 7-й класс : базовый уровень : учебник / Л. Л. Босова, А. Ю. Босова. — 5-е изд,, перераб. — Москва : Просвещение, 2023. 254, [2] с.: ил. СКАЧАТЬ

Перейти к полному списку учебников...

Как видите в примере я использовал миниатюры изображений с возможностью расположения как с левого края так и с правого( увидите в третьей секции аккордеона).

Миниатюрам задан размер в 25% от базового размера изображений используемых в аккордноне, 100% от родительского контейнера, так что изображения будут легко подстраиваться под любые размеры базового блока.

Медиа-запросы использовал для создания гибкого реагирования элемента(аккордеон) на различные размеры экранов пользовательских устройств.

Как видите в примере я использовал миниатюры изображений с возможностью расположения как с левого края так и с правого( увидите в третьей секции аккордеона).

Миниатюрам задан размер в 25% от базового размера изображений используемых в аккордноне, 100% от родительского контейнера, так что изображения будут легко подстраиваться под любые размеры базового блока.

Медиа-запросы использовал для создания гибкого реагирования элемента(аккордеон) на различные размеры экранов пользовательских устройств.

Как видите в примере я использовал миниатюры изображений с возможностью расположения как с левого края так и с правого( увидите в третьей секции аккордеона).

Миниатюрам задан размер в 25% от базового размера изображений используемых в аккордноне, 100% от родительского контейнера, так что изображения будут легко подстраиваться под любые размеры базового блока.

Медиа-запросы использовал для создания гибкого реагирования элемента(аккордеон) на различные размеры экранов пользовательских устройств.

Как видите в примере я использовал миниатюры изображений с возможностью расположения как с левого края так и с правого( увидите в третьей секции аккордеона).

Миниатюрам задан размер в 25% от базового размера изображений используемых в аккордноне, 100% от родительского контейнера, так что изображения будут легко подстраиваться под любые размеры базового блока.

Медиа-запросы использовал для создания гибкого реагирования элемента(аккордеон) на различные размеры экранов пользовательских устройств.

Чтобы отправить миниатюру вправо достаточно в тег img прописать class="img-right, если влево соответственно добпвляем class="img-left.

Размер миниатюр регулируется изменением процентных значений в css.Для этого достаточно найти нужный селектор, например .msg img.img-left и уже в свойстве width: 25%; экспериментировать с значениями

Чтобы отправить миниатюру вправо достаточно в тег img прописать class="img-right, если влево соответственно добпвляем class="img-left.

Размер миниатюр регулируется изменением процентных значений в css.Для этого достаточно найти нужный селектор, например .msg img.img-left и уже в свойстве width: 25%; экспериментировать с значениями

Встроенному изображению, размер которого 100% от родительского контейнера прописываем class="large-img". Реальный размер картинки может быть большим чем секция аккордеона, но она легко впишется в блок аккордеона.

В аккордеоне вы можете использовать встроенное видео с популярных видео хостингов использующих iframe, object, embed. Видео полностью отзывчвы и идеально впишутся в любые размеры блоков аккордеона.