رفتن به مطلب

مشکل در اسلایدر


Pouya

پست های پیشنهاد شده

سلام. چرا شماره ی فریم های اسلایدر باعث میشه که صفحه به صورت افقی دراز بشه و شماره صفحات در سمت راست (آخر نوار) قرار بگیره؟

این آدرسه خودتون ببینید می فهمید:

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;}

لینک به ارسال

در کد بالا همانطور که می دانید از text-indent با مقدار -9999 استفاده شده که باعث عریض شدن صفحه شده است.

کد زیر رو به همون قسمت اضافه کن تا حل شه .


white-space: nowrap;
overflow: hidden;

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...