بهترین حالت قرار دادن محصولات بصورت Thumbnail و پشت سر هم چیه ؟

mf2fx

Member
سلام دوستان
من توی صفحه محصولات سایتی که دارم طراحی میکنم. یه BOX دارم که اسمش ContentBox هست.
که بصورت Table هست . حالا میخوام درون این Table در واقع بزرگترین Cell مربوط به اون جدول میخوام
محصولات را با کد محصول بصورت عکس 99x99 پیکسلی بذارم. حالا به نظرتون چطوری پیش برم ؟

در حال حاضر من درون آن سلول از جدول ام یه Div ایجاد کردم از نوع کلاس که Width آن به اندازه آن سلول است
و Height آن هم برابر 99 پیکسل (دقیقا اندازه همان عکس thumb) و درون آن 4 تا Div دیگه واسه هر Thumb گذاشتم
و از آن Class سه بار کپی کردم که شد 12 تا جای خالی برای Thumb ها . حالا مشکلی که هست اینه که مثلا به یکی از
Thumb ها که مثلا اسم آن id = thumb1 هست ، من Background-image واسش تعریف میکنم میاد و تمامی Thumb1
های درون هر کلاس را به همان background-image نسبت میده.
حالا باید دوباره تک تک اسم ها را تغییر بدهم ؟ (اسم ID ها ) و بیام دوباره CSS بزنم واسه هرکدوم.
یا اینکه روش دیگه ای معرفی و پیشنهاد میکنین ؟

خیلی ممنونم:rose::rose:
 

Mr.Rabbit

Member
مشکل دوستمون حل شد ! (در یاهو)

ولی برای آرشیو شدن :
بهترین کار استفاده از دیو های هم اندازه محصول و استفاده از Float دلخواهد هست و پس از پایان کار استفاده از Clear ! همین !:rose:
 

جدیدترین ارسال ها

بالا