101
Есть два задания, которые подразделяются на задачки.
Решить нужно до 20.00, плюс - минус.
1.Позиционирования блоков.
Задание 1
Есть два контейнера, в которых элементам задано свойство float. Из-за этого происходит выпадение этих элементов из родителя. Вы должны решить эту проблему. Для первого контейнера необходимо использовать clearfix (любая его вариация), для второго – любое другое решение.- Задание 2
Есть родительский блок и два дочерних. Задача: синий блок расположить в правом верхнем углу зеленого блока. Желтый блок разместить в правом нижнем углу, так, чтобы желтый элемент выходил за пределы зеленого блока на 30 пикселей по горизонтали и 30 по вертикали. И, наконец, сместить зеленый блок вправо на 40 пикселей. - Задание 3
Есть два блока внутри родителя. Задача: используя свойство float, сделать так, чтобы первый дочерний блок был в ширину 250 пикселей, а другой занимал все оставшееся место, вне зависимости от ширины окна (для проверки нужно сжать окно браузера). Попутно решить проблему с вытеканием любым удобным способом.
2.CSS селекторы
Описание задания:
- Создать и подключить к файлу index.html файл homework.css, в котором нужно будет написать правила для решения всех задач. Задачи следует решать только при помощи css, менять html-разметку заданий нельзя. Наилучшим вариантом решения будет использование формул, а не перечисление нужных блоков (задайте себе вопрос: будет ли верно решена задача, если впоследствии понадобится убрать или добавить несколько блоков?)
- Написать css-правила для стилизации календаря таким образом, чтобы выходные дни(только числа) имели красный фон.
- Написать css-правила для блока 2 задания
div class="task2"
таким образом, чтобы видимыми были только 8 первых блоков. - Cделать стилизацию списка внутри
div class=”task3”
таким образом, чтобы четные маркеры были значками @, а нечетные – звездочками (любыми на ваш вкус), а также, чтобы отступы20px
были только между пунктами списка, сверху и снизу списка лишних отступов быть не должно.
Дополнительное задание - не делать!
Это задание повышенной сложности, не обязательно к выполнению
Написать css-правила таким образом, чтобы внутри блока div class=”extra-task”
выполнялись условия:
если в меню 4 пункта, между ними был бы отступ в30px
,а если 5 и более – то отступ10px
.
Додатки 2
-
521 8 0 Здравствуйте, сделаю в течении часа, приступлю сразу после того как положите деньги в Сейф. Верстка - наше все.
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Поправити верстку згідно Figma на 2 сторінках на WP+Elementor PRO
1000 UAH
Маю 2 готові сторінки зверстані на WordPress+Elementor PRO. Верстка в деяких місцях виконана не якісно, потрібно чітко слідуючи дизайну в Figma поправити верстку на цих сторінках. Термін виконання до 29.03.2024!!! Прошу звертатись лише професіоналів з досвідом. HTML та CSS верстання, Дизайн сайтів ∙ 6 ставок |
Розробка сайту за макетом
20 000 UAH
Добрий день. Є макет у фігмі: https://www.figma.com/file/RGVIymprYc4QaiJ5qp3iwL/LayerGame?type=design&node-id=0-1&mode=design Є ui kit і готова верстка сторінки Main, виконана на React, анімації реалізовані за допомогою GSAP. Необхідно сверстати на цьому стеці ще 2 сторінки… HTML та CSS верстання, Javascript ∙ 33 ставки |
Редагування існуючого сайту Wordpress (Elementor)Добрий день! Потрібен фахівець, який буде вносити правки на наш існуючий сайт, що працює на базі Wordpress і плагіна Elementor. На даний момент потрібно створити 10 нових сторінок на кшталт https://houseofattractions.club/muzeum-zywych-motyli/. Також встановлений плагін, за… HTML та CSS верстання, Супровід сайтів ∙ 18 ставок |
Розмітка 2 блоку в WP
785 UAH
Створити 2 блоки в WordPress (Wp Backary) як у дизайні Фігма 1) http://prntscr.com/_B_zPE2tKpKk + адаптив (сторінка RentCar) https://opage.one/demo/gq/rent-car/ 2) Як у дизайні http://prntscr.com/25BbYGRvk34y в http://prntscr.com/8J5xuSq23sZb Фігма… HTML та CSS верстання ∙ 8 ставок |
Шукаю розробника WordPress та Okay CMS (Full Stack)Привіт усім! Потрібен програміст платформ WordPress та Okay CMS з метою внесення доробок та поліпшень на сайтах. Головним чином це інтернет-магазини, landing page, впровадження тегів від Google Ads. Важливо, щоб ця співпраця не мала єдиної мети як заробіток грошей, хочеться мати… HTML та CSS верстання, Інтернет-магазини та електронна комерція ∙ 6 ставок |