Не получается разобраться со своими ошибками, даже просмотрев чужие коды не понимаю…
Достаточно сложное задание.
Я перечислю несколько явных ваших ошибок.
Одна из самых явных - это то, что не видно картинку с кавычками. У вас получилось белые кавычки на белом фоне. Замените цвет фона на #7f8c8d.
Далее. Блок с текстом поста. Во-первых, его ширина будет 175px, внутренний отступ только слева равен 15px, сверху и снизу по 10px, высота строки - 1,2.
Размер шрифта у ссылок - 12px.
Следующий фрагмент кода совершенно не нужен:
.icon{
width:10px;
height:10px;
background-color:#ffffff;
}
Когда исправите все ошибки во внешнем виде элементов, уберите все стили, касающиеся позиционирования. И расставляйте с самого начала. Это должно вам помочь. Расставлять готовые сформированные объекты на мой взгляд проще.
2 лайка
Вопрос: А как высота строки и размер шрифта попадают под правило:
Все размеры, отступы, координаты, размеры шрифтов (не заданные в body) кратны 5 или 10.
?
Правильно всё. Те размеры шрифта и высота строки, которые вы пишете сами, должны быть кратны 5. Из этого правила выпадают те стили, что уже записаны для body, когда вы только загрузили задание.
1 лайк
Аааааа…
Сорян, не правильно прочитал=)
Подскажите пожалуйста, как устранить несоответствия позиционирования элементов:
и почему не работает свойство
vertical-align: middle; если его записать в класс .post-date
Дата выравнивается с помощью свойства line-height. Создание таблицы, содержащей только одну ячейку, для выравнивания текста здесь нецелесообразно.
Фрагмент со ссылками лучше переделайте. Посмотрите другие варианты кода на форуме. Ссылки чаще всего в этом задании делают с помощью абсолютного или относительного позиционирования.
Так же обратите внимание, что при написании стилей для ссылок вы никак не задействуете класс post-stats.
1 лайк