Jump to content
  • 0

Уменьшить картинку


dimpim
 Share

Question

Здравствуйте уважаемые форумчане.

У меня проблема с одним элементом на сайте, а точнее с картинкой. Картинки (их много) товара - имеют разные размеры (от 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

There have been no answers to this question yet

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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy