ایجاد اسکرول در متن داخل کادر
من یک کدی با سی اس اس 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>
یک سوال دیگه در این کد بالا من چه کدی رو باید اضافه کنم که با اون بشه مشخص کرد که کادر بردر من چند در چند باشه و در سمت راست یا وسط و یا چپ صفحه نمایش داده بشه
چون الان اندازش به صورت پیشفرض آوت هست و هرچه مرورگر رو عریض تر میکنم اون کادر هم بزرگ تر میشه
لطفا کدهایی که لازمه رو توضیح بدید و بگید دقیقا کجا باید قرار بگیره
ممنونم
پاسخ : ایجاد اسکرول در متن داخل کادر
سلام
کد زیر رو در نظر بگیرید :
کد:
div
{
width:150px;
height:150px;
overflow:scroll;
}
حالا اگر width و یا height بیشتر از 150 پیکسل بشن اتوماتیک اسکرول میخوره ...
منظورتون رو از سوال دوم متوجه نشدم !
یا علی
پاسخ : ایجاد اسکرول در متن داخل کادر
ممنونم
این کدی که دادید رو دقیقا باید کجا بزارم؟
لطفا بزارید تو اون کدی که من دادم تا بفهمم چه جایی باید قرارش بدم
سوال دوم رو به صورت عکس درست کردم
[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 درست بشه؟
ممنونم موفق باشید
پاسخ : ایجاد اسکرول در متن داخل کادر
سلام
کد:
<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 رو ببینید و طبق اون انجام بدید !
یا علی
پاسخ : ایجاد اسکرول در متن داخل کادر
جناب خیلی ممنونم توضیحتون همون جوری بود که میخواستم و متوجه میشدم
کد هم دقیقا درست بود
مشکل اینه که من در مورد
هیچی نمیدونم و قرار نداده بودم
تو پستی دیگه در مورد این کد و خاصیت های مختلفش سوال میکنم
خیلی ممنونم موفق باشید
