ایجاد هر اندازه عکس در کادر معین

[Morteza1371]

من می خواستم یک کادر مربعی شکل بسازم و هر کس بار هر اندازه ای رو بطور اتوماتیک در قادر قرار بگیره.

مثل یک کادر با اندازه width:150 ,height:150 و عکسی با اندازه ی 250 * 250 . این عکس در کادر قرار بگیره بدون اینکه از کادر نزنه بیرون.


مثل عکس زیر

سوال دوم: گرد کردن گوشه های عکس با css ؟

 

[progpars]

در مورد سوال اولتون اگر درست متوجه شده باشم شما میتونید تو استایل برای img طول و عرض تعیین کنی که از کادر نزنه بیرون
در مورد سوال دومتون از کد زیر باید استفاده کنید :

border-radius: 2px;

 

[echessdesign]

متوجه منظور شما نشدم!
آخه عکس 250 چطور در کادر 150 قرار میگیره؟

 

[Morteza1371]

شاید ا ندازه عکس رو زیاد گفتم.

مثلا عکسی با اندازه ی 200 در 200 پیکسل و کادری با اندازه 200 در 200 پیکسل.

آیا این کادر به اندازه های گفته شده. می تونه یک عکس در اندازه ی که گفتم . عکس رو به 150 در 150 قرار در داخل خود قرار بده.

من چند تا وب سایت که رفتم . کادری بوده با اندازه 150 در 100 وقتی روی عکس viwe image می زنم، اما اندازه ی عکس 200 در 200 پیکسل بود.

در کل مشکل من اینه که من یک div در ست کردم و استیایل هم به div دادم مثل قسمت زیر. اما وقتی عکس رو در div قرار می دم هم از کادر مورد نظر می زنه بیرون و گوشه های عکس گرد نمیشه.

<div class="img"><img src="images/84a8c0b77003.jpg" width="123" height="78" />

</div>

.img { width : 150px; height:150px; 
border:solid 1px #0000;
background-color:#FFFFFF;

-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;}

 

[echessdesign]

سلام
بفرمایید

.img img {
width:200px;
height:200px;
border:2px solid black;
}