Додайте свій проект безкоштовно і почніть отримувати пропозиції від фрілансерів-виконавців вже через хвилини після публікації!
600 ₽

Решить два задания. Решить сегодня!

проект завершено


Есть два задания, которые подразделяются на задачки. 

Решить нужно до 20.00, плюс - минус.


1.Позиционирования блоков.

  1. Задание 1

    Есть два контейнера, в которых элементам задано свойство float.  Из-за этого происходит выпадение этих элементов из родителя. Вы должны  решить эту проблему. Для первого контейнера необходимо использовать  clearfix (любая его вариация), для второго – любое другое решение.
  2.  Задание 2

    Есть родительский блок и два дочерних. Задача: синий блок расположить  в правом верхнем углу зеленого блока. Желтый блок разместить в правом  нижнем углу, так, чтобы желтый элемент выходил за пределы зеленого блока  на 30 пикселей по горизонтали и 30 по вертикали. И, наконец, сместить  зеленый блок вправо на 40 пикселей.  
  3.  Задание 3

    Есть два блока внутри родителя. Задача: используя свойство float,  сделать так, чтобы первый дочерний блок был в ширину 250 пикселей, а  другой занимал все оставшееся место, вне зависимости от ширины окна (для  проверки нужно сжать окно браузера). Попутно решить проблему с  вытеканием любым удобным способом.


2.CSS селекторы

Описание задания:

 

  1.  Создать и подключить к файлу index.html файл homework.css,  в котором нужно будет написать правила для решения всех задач. Задачи  следует решать только при помощи css, менять html-разметку заданий  нельзя. Наилучшим вариантом решения будет использование формул, а не  перечисление нужных блоков (задайте себе вопрос: будет ли верно решена  задача, если впоследствии понадобится убрать или добавить несколько  блоков?)
  2. Написать css-правила для стилизации календаря таким образом, чтобы выходные дни(только числа) имели красный фон.
  3. Написать css-правила для блока 2 задания div class="task2" таким образом, чтобы видимыми были только 8 первых блоков.
  4. Cделать стилизацию списка внутри div class=”task3” таким образом, чтобы четные маркеры были значками @, а нечетные – звездочками (любыми на ваш вкус), а также, чтобы отступы 20px были только между пунктами списка, сверху и снизу списка лишних отступов быть не должно.

 

Дополнительное задание - не делать!

Это задание повышенной сложности, не обязательно к выполнению

Написать css-правила таким образом, чтобы внутри блока div class=”extra-task” выполнялись условия:

  • если в меню 4 пункта, между ними был бы отступ в 30px,
  • а если 5 и более – то отступ 10px.

Додатки 2

Перегляд контактної інформації доступний тільки зареєстрованим користувачам.

Відгук замовника про фрилансера Anatoly R.

Якість
Професіоналізм
Вартість
Контактність
Терміни

Все отлично!
Доволен результатом и подходом.
Спасибо, буду обращаться, впредь

Max L. Max Lau | Сейф Сейф

Відгук фрілансера про замовника Махе Lau

Оплата
Постановка задачі
Чіткість вимог
Контактність

Благодарю Макса за сотрудничество.
Задания ясны, оплата была выплачена в срок.
Рекомендую!

Anatoly R. Anatoly Rain | Сейф Сейф



  1. 1 день600 ₽Переможець
    Anatoly Rain
     4319  перевірений   73   1

    Буду рад помочь, обращайтесь.

    Росія Челябінськ | 14 березня о 12:28 |

Замовник
Max Lau
Росія Москва  3   0
Проект опублікований
14 березня о 12:22
114 переглядів
Мітки
Поділитися