jistili1 2 ارسال شده در تیر 97 گزارش بازنشر ارسال شده در تیر 97 سلام دوستان.لطفا به سایتی که دارم میسازم دقت کنید.وقتی مرورگر رو به اندازه ی موبایل درمیارم ، عکس فیلم ها به صورت عمودی زیر هم قرار میگیره.من میخوام عکس ها به صورت افقی قرار بگیرن و اسکرول بخورن.اگه overflow-x رو هم اسکرول بدم ، فایده ای نداره.چونکه اینا در محور x ها کنار هم قرار نگرفتن.در محور y ها زیر هم قرار گرفتن. کد html: <div id="last-movies"> <div id="last-movies-titr"> <div id="last-movies-text">آخرین فیلم ها<i class="fa fa-video"></i></div> </div> <div id="last-movies-film"> <div class="movies"> <img src="img/movie-pics/61ecd10c0a36fdbf77220ff2e6fe4b87.jpg"> </div> <div class="movies"> <img src="img/movie-pics/61ecd10c0a36fdbf77220ff2e6fe4b87.jpg"> </div> <div class="movies"> <img src="img/movie-pics/61ecd10c0a36fdbf77220ff2e6fe4b87.jpg"> </div> <div class="movies"> <img src="img/movie-pics/61ecd10c0a36fdbf77220ff2e6fe4b87.jpg"> </div> <div class="movies"> <img src="img/movie-pics/61ecd10c0a36fdbf77220ff2e6fe4b87.jpg"> </div> <div class="movies"> <img src="img/movie-pics/61ecd10c0a36fdbf77220ff2e6fe4b87.jpg"> </div> <div class="movies"> <img src="img/movie-pics/61ecd10c0a36fdbf77220ff2e6fe4b87.jpg"> </div> </div> </div> و این هم کد سی اس اس: #last-movies{ width: 99%; background: red; height: 200px; margin: 0 auto; margin-top: 30px; border-radius: 5px; } #last-movies-titr{ height: 100%; background: darkred; float: right; width: 150px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #last-movies-text{ text-align: center; color: white; font-family: sogand; font-size: 50px; line-height: 70px; } #last-movies-film{ overflow-x: scroll; display: inline; } .movies img{ width: 130px; height: 190px; margin-top: 5px; margin-left: 10px; border-radius: 5px; } .movies{ display: inline-block; } بسیار ممنون میشم راهنمائیم کنید. نقل قول لینک به ارسال
reza_yki 103 ارسال شده در تیر 97 گزارش بازنشر ارسال شده در تیر 97 یه راه حل استفاده از فلکس باکس هستش توضیحاتش رو می تونی اینجا ببینی و چیزی که می خوای هم با فلکس باکس دمویی داره ببینید نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .