سلام ، آیا این بازدید اول شماست ؟ یا
نمایش نتایج: از شماره 1 تا 5 , از مجموع 5

موضوع: ایجاد اسکرول در متن داخل کادر

Hybrid View

پست قبلی پست قبلی   پست بعدی پست بعدی
  1. #1

    تاریخ عضویت
    Jul 2009
    نوشته ها
    128
    تشکر
    7
    تشکر شده 0 بار در 0 ارسال

    ایجاد اسکرول در متن داخل کادر


    من یک کدی با سی اس اس 3 نوشتم

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

    اینم کد

    کد:
    <html>
    <body>
    <div style=" background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ff3434;
    padding: 10px;" >
    
    test test teset
    
    </div>
    
    </html>
    </body>

    یک سوال دیگه در این کد بالا من چه کدی رو باید اضافه کنم که با اون بشه مشخص کرد که کادر بردر من چند در چند باشه و در سمت راست یا وسط و یا چپ صفحه نمایش داده بشه
    چون الان اندازش به صورت پیشفرض آوت هست و هرچه مرورگر رو عریض تر میکنم اون کادر هم بزرگ تر میشه

    لطفا کدهایی که لازمه رو توضیح بدید و بگید دقیقا کجا باید قرار بگیره

    ممنونم

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  2. # ADS
    تبلیغات در جوملا فارسی
    تاریخ عضویت
    Always
    نوشته ها
    Many
     

  3. #2
    Admin
    تاریخ عضویت
    Dec 2005
    محل سکونت
    U.A.E
    نوشته ها
    13,222
    تشکر
    318
    تشکر شده 1,338 بار در 652 ارسال

    پاسخ : ایجاد اسکرول در متن داخل کادر

    سلام

    کد زیر رو در نظر بگیرید :
    کد:
    div
    {
    width:150px;
    height:150px;
    overflow:scroll;
    }
    حالا اگر width و یا height بیشتر از 150 پیکسل بشن اتوماتیک اسکرول میخوره ...

    منظورتون رو از سوال دوم متوجه نشدم !

    یا علی

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  4. #3

    تاریخ عضویت
    Jul 2009
    نوشته ها
    128
    تشکر
    7
    تشکر شده 0 بار در 0 ارسال

    پاسخ : ایجاد اسکرول در متن داخل کادر

    ممنونم

    این کدی که دادید رو دقیقا باید کجا بزارم؟

    لطفا بزارید تو اون کدی که من دادم تا بفهمم چه جایی باید قرارش بدم

    سوال دوم رو به صورت عکس درست کردم

    [img width=640 height=412]http://www.tcshop.co.cc/photo/img/086d4dbced83fe3708449344a8571feb/333.jpg[/img]
    من این کار رو با مارگین یا مارجین انجام دادم نشد اگر با همین margin باید انجام بشه یک نمونه داخل همون کدی که گزاشتم برام بنویسید

    اینم کد پایه لطفا تو این مثال بزنید من متوجه بشم . هم اسکرول رو هم فاصله از دو طرف رو

    کد:
    <html>
    <body>
    <div style=" background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ff3434;
    padding: 10px;" >
    
    test test teset
    
    </div>
    
    </html>
    </body>
    یک سوال میشه اونی که باعکس نشون دادم رو جوری نوشت که بتونی بهش بگی اینقدر طول باشه اینقدر هم عرض یا اینکه باید با margin درست بشه؟

    ممنونم موفق باشید

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  5. #4
    Admin
    تاریخ عضویت
    Dec 2005
    محل سکونت
    U.A.E
    نوشته ها
    13,222
    تشکر
    318
    تشکر شده 1,338 بار در 652 ارسال

    پاسخ : ایجاد اسکرول در متن داخل کادر

    سلام

    کد:
    <html>
    <body>
    <div style=" background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ff3434;
    padding: 10px;width:50px; height:50px; overflow:scroll" >
    
    test test teset
    
    </div>
    
    </html>
    </body>
    ببینید الان به صورت عمودی scroll میخوره ...



    برای سوال دوم هم لینک زیر رو ببینید : [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
    DIV وسط به همین روش ایجاد شده
    کد های CSS رو ببینید و طبق اون انجام بدید !

    یا علی

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  6. #5

    تاریخ عضویت
    Jul 2009
    نوشته ها
    128
    تشکر
    7
    تشکر شده 0 بار در 0 ارسال

    پاسخ : ایجاد اسکرول در متن داخل کادر

    جناب خیلی ممنونم توضیحتون همون جوری بود که میخواستم و متوجه میشدم

    کد هم دقیقا درست بود

    مشکل اینه که من در مورد

    کد:
    	position:absolute;
    هیچی نمیدونم و قرار نداده بودم

    تو پستی دیگه در مورد این کد و خاصیت های مختلفش سوال میکنم


    خیلی ممنونم موفق باشید

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •