Как разместить картинку с тенью?
Есть шаблон
Есть данная картинка 
Я скачал ее и вставил в теге <img>, но она сама по себе по высоте больше(присутствует свободное пространство, height не решит проблему):
Как решить эту проблему?
Ответы (1 шт):
Автор решения: Alexandr_TT
→ Ссылка
- Если не убираются отступы снизу:
IMG – строчный элемент, и поэтому к нему применяется свойствоvertical-align. В браузерах это свойство задается по умолчанию (в большинстве baseline, если не ошибаюсь).
Достаточно к изображению применить vertical-align:bottom и отступа внизу не будет. В других случаях будет неоднозначность, и браузеры будут вести себя на свое усмотрение.
Так как занимаемое место это прямоугольник по габаритным размерам, куда входит тень, и если она вам не нужна, то можно её удалить в растровом редакторе, сделать изображение прозрачным фоном *.png
Скачайте другую картинку без наклона, обрежьте пустые поля в редакторе, сохраните картинку в необходимом вам размере, заодно и вес изображения сильно уменьшится.