این مشکل از چیه؟ : فضای خالی بین دو تیبل بصورت تصادفی

sanecity

Member
سلام خدمت دوستان عزیز
دقیقا نمیدونستم چه عنوانی برای تاپیک انتخاب کنم ببخشید
مشکل من اینه
این صفحه رو با اینترنت اکسپلورر باز کنید.
http://sanecity.net/shop
در قسمت فیلمها همه چی مرتبه

حالا با فایرفاکس یا اپرا ببینید
تو قسمت فیلمها بین تیبلها فاصله افتاده
جالب اینجاست که کل اینا یه تیبله که لوپ شده و همش از یه ساختار استفاده میکنه
اگه چیدمان محصولات رو تغییر بدید فضای خالی از بین میره

به نظر شما مشکل از کجاست؟
 

Mohammadreza

Well-Known Member
دليلش اينه كه اكثر محصولاتت تيترش دو خط هست ولي بعضياش چون طولاني تره سه خط شده ،
شما بايد دو محصول كنار هم رو داخل يك تيبل قرار ميداديد تا مشكل پيش نياد ،
در ضمن استفاده از تيبل منسوخ شده ، وبايد با div مي نوشتيد !
موفق و مؤيد باشيد
 

sanecity

Member
سلام دوست عزیز ممنون از پاسختون دقیقا مشکلش همون بود
بجای تیبل اومدم از div استفاده کنم اما با CSS هرکاری کردم نتونستم همین چیدمان اجزاء داخل تیبل رو واسه div درست کنم
دیگه اعصابم خورد شد از تیبل استفاده کردم
 

sanecity

Member
سلام
بله طول رو مشخص کردم
شما اگه بخای تمام عناصری رو که تو اون تیبل وجود داره رو با دایو داشته باشی چه کدی مینویسید؟
مشخصاتی که من برای تیبل درست کردم اینه:
قسمت عکس محصول : 100PX
قسمت عنوان محصول : 120PX
قسمت قیمت محصول : 120PX
قسمت دکمه خرید : 120PX
من یه Div کلی ساختم با عرض : 230PX بعد توش 4 تا دایو دیگه گذاشتم واسه اون چهار قسمت با CSS هم عرض و محل قرار گیری رو تنظیم کردن ولی هر کاری کردم مثل تیبل درست در نمیومد!
دوستان شما چطوری تنظیم میکنید؟
 

Mohammadreza

Well-Known Member
بايد شناور كردن رو بلد باشيد ،
float
سرچ كنيد توي همين سايت نمونه هاي خوبي گيرتون مياد !
 

echessdesign

مدیر انجمن طراحی وب
همیشه یادتون باشه، اگر div مادر، طول آن 100 باشد، باید مجموع طول div های فرزند، حداکثر 99 باشد.
تا به درستی در مرورگرهای مختلف نمایش داده شود و آخرین div یه خط بعدی نرود.
 

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

بالا