Pouya 1102 ارسال شده در خرداد 91 گزارش بازنشر ارسال شده در خرداد 91 سلام. چرا شماره ی فریم های اسلایدر باعث میشه که صفحه به صورت افقی دراز بشه و شماره صفحات در سمت راست (آخر نوار) قرار بگیره؟این آدرسه خودتون ببینید می فهمید:http://parsibanner.irاین هم کد استایل اسلایدر#sliderwrap{ text-align: right; height:277px; background:url(images/sliderbg.gif) repeat-x; float:left; width:100%; position:relative;}.slidercontent{ text-align: right; width:960px; margin:0 auto; position:relative;}#slider{text-align: right;}.sframe{ text-align: right; width:460px; max-height:210px; border:10px solid #fff; margin-top:20px; margin-left:60px; float:left; background:url(images/photo-blank.gif) no-repeat center; overflow:hidden;}#slider h1{ font-family: "B Yekan"; text-align: right; margin:0; padding:0;}#slider h1 a{ font-family: "B Yekan"; text-align: right; font-size:36px; font-weight:bold; color:#FFF; text-decoration:none; text-shadow: 0px 0px 2px #bbb;}.content p{ font-family: "B Yekan"; text-align: right; font-size:18px; font-weight:bold; color:#FFF;}.content { font-family: "B Yekan"; text-align:right; width:390px; float:right; margin-top:10px; margin-right:20px;}#slider img{ text:right; width:460px; }#slider ul, #slider li{text-align: right; margin:0;padding:0;list-style:none;}#slider li{ text-align: right; width:960px;height:250px;overflow:hidden; }#prevBtn, #nextBtn,#slider1next, #slider1prev{ display:block;width:39px;height:54px;position:absolute;left:0px;top:120px;z-index:1000;}#nextBtn, #slider1next{ left:960px;} #prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{ display:block;position:relative;width:39px;height:54px;background:url(images/slider_prv.png) no-repeat 0 0;}#nextBtn a, #slider1next a{ background:url(images/slider_nxt.png) no-repeat 0 0;}/* numeric controls */ol#controls{margin:5px 0;padding:0;height:16px; float:right; }ol#controls li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:16px;line-height:28px;}ol#controls li a{float:left;height:16px;line-height:16px; background:url(images/slider_control.png) no-repeat;color:#555;text-decoration:none; display:block; width:15px; text-indent:-9999px;}ol#controls li.current a{ background:url(images/slider_control.png) no-repeat; background-position:-15px 0;color:#fff;}ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} نقل قول لینک به ارسال
علی یزدی 180 ارسال شده در خرداد 91 گزارش بازنشر ارسال شده در خرداد 91 در کد بالا همانطور که می دانید از text-indent با مقدار -9999 استفاده شده که باعث عریض شدن صفحه شده است.کد زیر رو به همون قسمت اضافه کن تا حل شه .white-space: nowrap;overflow: hidden; 3 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .