Комментарии, шаг 3

Курсы §14. Мастерская: декоративные элементы
1

В теории опечатка

На этом шаге оформляем кнопку ответа на комментарий.

Все приёмы вам уже знакомы: кнопка будет абсолютно спозиционированным элементом с фиксированными размерами. На фон ей зададим иконку. Затем разместим кнопку в правом верхнем углу комментария.

Блок комментария обладает относительным позиционированием, поэтом проблем с размещением иконки не возникнет.

2

Поправил, спасибо.

3

Доброго времени суток. Решил не создавать еще одну тему, эта по названию подходит. :smile:

Объясните, пожалуйста, почему в данном случаем используется внутренний отступ, а не внешний? И есть ли принципиальная разница? Я для себя объясняю их различие так: если нужно элемент подвинуть, то логичнее использовать марджин, а если нужно подвинуть контент внутри элемента (для красоты), то используем паддинги. И до сих пор такая логика работала. :slight_smile: А сейчас немного не понимаю. Может быть в данном случае нет разницы?
Скрин урока

4

Если честно, то я не совсем поняла ваш вопрос. Ваша правильная логика сработала и в этот раз тоже.

5

Извиняюсь, я действительно не точно выразился.
Вопрос, наверное, стоит изменить.)

Вот часть теории к заданию:

Аватар будет располагаться в левом верхнем углу и частично перекрывать
комментарий. Чтобы аватар не перекрыл имя автора и текст, мы увеличим
паддинги слева у соответствующих элементов.

  1. Если нам нужно, чтобы аватар не залез на имя автора и текст, то почему нам не сверстать инлайн-блоками? Не будут ли отступы (особенно внутренние) в данном случае “костылями”?
  2. А как вообще аватар может залезть на текст или что-либо другое, если от в отдельном диве?
6

Вопрос снимаю. Ответ был в следующем упражнении. Потому что мы будем аватар позиционировать абсолютно.) Видимо, пересидел сегодня.)

1 лайк