Версия для слабовидящих
Шаблон:Баннеры главная — различия между версиями
Материал из Ярославский педагогический университет
|
|
(не показаны 67 промежуточные версии 1 участника) |
Строка 1: |
Строка 1: |
− | <html> | + | <websiteFrame> |
− | <style>
| + | website=https://newyspu.ru/yspu_org/ |
− | * {
| + | width=100% |
− | box-sizing: border-box;
| + | height=2000px |
− | }
| + | border=0 |
− | | + | scroll=no |
− | .row {
| + | </websiteFrame> |
− | display: -ms-flexbox; /* IE10 */
| + | |
− | display: flex;
| + | |
− | -ms-flex-wrap: wrap; /* IE10 */
| + | |
− | flex-wrap: wrap;
| + | |
− | padding: 0 4px;
| + | |
− | }
| + | |
− | | + | |
− | /* Создайте 2 одинаковых столбца, которые находятся рядом друг с другом */
| + | |
− | .column { | + | |
− | -ms-flex: 50%; /* IE10 */
| + | |
− | flex: 50%;
| + | |
− | max-width: 50%;
| + | |
− | padding: 0 4px;
| + | |
− | }
| + | |
− | | + | |
− | .column img {
| + | |
− | margin-top: 8px;
| + | |
− | vertical-align: middle;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | /* Адаптивный макет - делает два столбца стека друг на друга, а не рядом друг с другом */
| + | |
− | @media screen and (max-width: 320px) {
| + | |
− | .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="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> | + | |
Текущая версия на 20:09, 25 октября 2023