- 0
-
Обсуждения
-
Есть несколько изображений, как горизонтальные так и вертикальные. Как их можно выстроить в ряд так, что бы все они стали квадратными. То есть, растянуть картинку меньшей стороной по размеру блока, а та часть что вылазит из блока - скрыть. Вместо продолговатой картинки отобразить только ее середину в форме квадрата. Вот пример, но это не совсем то, надо чтобы картинки масштабировались а там просто отображается верхний угол - https://jsfiddle.net/jk8todrq/ -
.thumb.png.93183027d7a2eba5b545b257503b0e32.png)
Требуется переход к следующему блоку теста при условии, что в нынешнем блоке сумма ответов равна 10.Средствами CSS такая задача не реализуема -
Я написал один и тот же код ... но почемуто один работает другой нет? немогу разобраться. помогите должно быть сообщение Winner! в файле x1.html код работает а в файле oxo4.html нет (при выстраивании в ряд трех ООО) x1.html oxo4.html -
Требуется переход к следующему блоку теста при условии, что в нынешнем блоке сумма ответов равна 10.Подскажите, пожалуйста, как в css прописать код, чтобы получилось следующее: переход к следующему блоку возможен только если сумма ответов по нынешнему блоку равна 10. Просто у меня есть тест из 7 блоков, в каждом блоке 8 утверждений. Тестируемый должен распределить 10 баллов между этими 8-ю утверждениями. Если он распределил больше баллов или меньше, то переход не должен срабатывать, чтобы тест был пройден верно. -
Как здесь (https://skr.sh/sEfRBjoTUH1) правильно задать позиционирование? <ul class="list bottom-header-container-list"> <li class="bottom-header-container-list-item"> <div> <img src="./images/mail-svg.svg" alt="иконка эл.почты" width="28" height="22"> </div> <p>Mail Us</p> <a href="mailto:[email protected]">[email protected]</a> </li> <li class="bottom-header-container-list-item"> <div> <img src="./images/phone-svg.svg" alt="иконка телефона" width="26" height="26"> </div> <p>Call Us</p> <a href="tel:+01569896654">+01 569 896 654</a> </li> </ul>
-
Question
alleclf
Помогите пожалуйста разобраться с макетом, не пойму как это реализовать.
Пример на картинке. Необходимо чтобы центральный блок был фиксированного размера, а боковые растягивались по бокам до краев экрана и вниз по высоте центрального блока. При этом, фон страницы желтый, а в боковых блоках в качестве фона используется изображение с прозрачностью которое в результате должно оказаться на том, нижнем, желтом цвете.
Тут заготовка которая не работает (блоки стоят друг на друге) - https://jsfiddle.net/26fen5mk/1/
Edited by alleclfLink to comment
Share on other sites
3 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.