آیا اگه اندازه تصاویر یک مجموعه با همدیگه متفاوت باشه، میتونم با css همشون رو یک اندازه نشون بدم؟

[sahel65]

سلام؛
میخوام یه گالری خیلی ساده با css درست کنم. میخواستم ببینم اگه اندازه عکسها متفاوت باشه میشه کاری کرد که وقتی داره قرار میگیره تو صفحه وب، انداز هاشون مثلا بشه 300 * 400 پیکسل یا نه ابتدا باید سایز عکسها رو همه رو با فتوشاپ یکی کنم بعدش بیام و این سایز رو تو css بهش اعمال کنم؟؟

[پیام حیاتی]

شما یک کلاس ایجاد کردید برای گالری مثلا :

.gallery
{
}

حالا تعریف کنید تصاویری که در این کلاس قرار می گیرند عرض و طول مشخصی داشته باشند ، مثلا" :

.gallery img
{
width:400px;
height:400px;
}



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

[barnamenevis2016]

فقط یک نکته کوچیک هم بگم ..چون طول و عرض تصویرتون یکسان نیست احتمالا، برای اینکه نسبت ها به هم نخوره..در کد css ای که دوستمون نوشتن،فقط height رو تعیین می کنیم،و width اندازش متناسب با اون ارتفاع تغییر می کنه...معمولا هم ارتفاع یا همون height رو مشخص می کنن...و گالری شامل تصاویری می شه با ارتفاع های یکسان و ثابت، ولی با عرض هایی که ممکنه متفاوت باشه:

.gallery img
{
height:400px;
}