Версия для слабовидящих
Студентам — различия между версиями
Материал из Ярославский педагогический университет
Wikiadmin (обсуждение | вклад) (→Общая информация для студентов) |
Ya.repin (обсуждение | вклад) |
||
Строка 61: | Строка 61: | ||
<!-- *[http://www.yspu.yar.ru/MSX/ О компьютерах MSX]--> | <!-- *[http://www.yspu.yar.ru/MSX/ О компьютерах MSX]--> | ||
<!----------------------Нижний блок ----------------------------> | <!----------------------Нижний блок ----------------------------> | ||
+ | |||
+ | <html> | ||
+ | <style> | ||
+ | * { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | display: -ms-flexbox; /* IE10 */ | ||
+ | display: flex; | ||
+ | -ms-flex-wrap: wrap; /* IE10 */ | ||
+ | flex-wrap: wrap; | ||
+ | padding: 0 4px; | ||
+ | } | ||
+ | |||
+ | /* Создайте 2 одинаковых столбца, которые находятся рядом друг с другом */ | ||
+ | .column { | ||
+ | -ms-flex: 33%; /* IE10 */ | ||
+ | flex: 33%; | ||
+ | max-width: 33%; | ||
+ | padding: 0 4px; | ||
+ | } | ||
+ | |||
+ | .column img { | ||
+ | margin-top: 8px; | ||
+ | vertical-align: middle; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /* Адаптивный макет - делает два столбца стека друг на друга, а не рядом друг с другом */ | ||
+ | @media screen and (max-width: 480px) { | ||
+ | .column { | ||
+ | -ms-flex: 100%; | ||
+ | flex: 100%; | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | <body> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="column"> | ||
+ | <a href="https://news.yspu.org/tag/antifejk"><img class="alignnone size-medium wp-image-11299" src="https://news.yspu.org/wp-content/uploads/sites/9/2022/03/Frame-2-1.png" alt="" style="width:100%" /></a> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="column"> | ||
+ | <a href="http://newyspu.ru/kvantorium/"><img class="alignnone size-medium wp-image-11299" src="https://news.yspu.org/wp-content/uploads/sites/9/2022/04/Frame-49.png" alt="" style="width:100%" /></a> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <a href="http://yspu.org/%D0%9F%D1%80%D0%B8%D0%B5%D0%BC_%D1%81%D1%82%D1%83%D0%B4%D0%B5%D0%BD%D1%82%D0%BE%D0%B2,_%D0%BF%D1%80%D0%B8%D0%BD%D0%B8%D0%BC%D0%B0%D0%B5%D0%BC%D1%8B%D1%85_%D0%B8%D0%B7_%D0%B7%D0%B0%D1%80%D1%83%D0%B1%D0%B5%D0%B6%D0%BD%D1%8B%D1%85_%D0%BE%D0%B1%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D1%85_%D0%BE%D1%80%D0%B3%D0%B0%D0%BD%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B9"><img class="alignnone size-medium wp-image-11299" src="https://news.yspu.org/wp-content/uploads/sites/9/2022/03/Group-692-1.png" alt="" style="width:100%" /></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
+ | |||
[[категория:Сайт ЯГПУ]] | [[категория:Сайт ЯГПУ]] | ||
[[категория:Студентам]] | [[категория:Студентам]] |
Версия 16:02, 28 апреля 2022
Студентам заочной и очной форм обучения