У меня проблема с одним элементом на сайте, а точнее с картинкой. Картинки (их много) товара - имеют разные размеры (от 100-400 до 400-100, т.е. бывают и 223*312 ). Сделал себе дизайн со стандартной расстановкой (слева картинка товара, справа описание товара и цена). Притом место под картинку на сайте постоянное и имеет размер 250*300 (где 250 ширина, а 300 высота). Вроде все объяснил, теперь вопрос:
Как мои картинки товара разместить на сайте (точнее в отделенном для них месте) так, чтобы они не убегали за границу данной области, не изменяли своих пропорций и т.д.? Пример нашел в интернете - что можно задать img только ширину или высоту, после чего он высоту или ширину будет брать пропорциональную, но задав 250 ширину мы на выходе получаем прекрасные картинки товаров которые имеют большую ширину изначально, но как только попадает картинка с 100px то сразу расширяется до 250 и становиться не смотрительная и уходит по высоте далеко вниз (так как имеет высоту 400 и становиться 1000рх). Если же брать высоту за основу, то страдают картинки у которых ширина больше чем высота. Могу кинуть примеры если надо?
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
dimpim
Здравствуйте уважаемые форумчане.
У меня проблема с одним элементом на сайте, а точнее с картинкой. Картинки (их много) товара - имеют разные размеры (от 100-400 до 400-100, т.е. бывают и 223*312
). Сделал себе дизайн со стандартной расстановкой (слева картинка товара, справа описание товара и цена). Притом место под картинку на сайте постоянное и имеет размер 250*300 (где 250 ширина, а 300 высота). Вроде все объяснил, теперь вопрос:
Как мои картинки товара разместить на сайте (точнее в отделенном для них месте) так, чтобы они не убегали за границу данной области, не изменяли своих пропорций и т.д.? Пример нашел в интернете - что можно задать img только ширину или высоту, после чего он высоту или ширину будет брать пропорциональную, но задав 250 ширину мы на выходе получаем прекрасные картинки товаров которые имеют большую ширину изначально, но как только попадает картинка с 100px то сразу расширяется до 250 и становиться не смотрительная и уходит по высоте далеко вниз (так как имеет высоту 400 и становиться 1000рх). Если же брать высоту за основу, то страдают картинки у которых ширина больше чем высота. Могу кинуть примеры если надо?
Link to comment
Share on other sites
0 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.