سوال: ایجاد کادر در صفحه

Mehrdad090 · Mar 14, 2012

میخواستم یه کادری پنجره ای چیزی تو صفحه بزارم و توش لینک بزارم و میخوام وقتی لینک ها زیاد میشه بجای اینکه سایزش بزرگ شه کنارش اسکرول ساخته بشه و دیگه اون کادره بزرگ نشه

shnoit · Mar 14, 2012

میشه واضعتر بگین دقیقا منظورتون چی هست؟
اینطوری که فرمودین میشه از iframe استفاده کرد.

Mehrdad090 · Mar 14, 2012

shnoit گفت:
میشه واضعتر بگین دقیقا منظورتون چی هست؟
اینطوری که فرمودین میشه از iframe استفاده کرد.

با iframe محتویات یه صفحه دیگه رو میاری تو صفحه ولی من میخوام منویی ایجاد کنم با طول و عرض مشخص و وقتی هم که تعداد لینک ها بیشتر از عرض اون منو شد بجای اینکه لینک ها بزنه بیرون یا سایزش بزرگ شه کنارش یه اسکرول ساخته بشه مثله textarea ولی تو این نمیشه لینک و کدهای html قرار بدی

Berke · Mar 15, 2012

سلام دوست عزیز

از این کد استفاده کن:

کد:

<div style="width:200px; height:100px; border:1px solid #000;overflow:auto;">
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>

</div>

vahidd.com · Mar 16, 2012

باید overflowی اون عنصری که می‌خوای اسکرول بخوره رو Scroll بذاری.
اینم یه کد نمونه:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#apDiv1 {
    position:absolute;
    left:218px;
    top:57px;
    width:204px;
    height:310px;
    z-index:1;
    overflow: scroll;
}
</style>
</head>

<body>
<div id="apDiv1"></div>
</body>
</html>

Berke · Mar 17, 2012

دوست عزیز فرق چیزی که من نوشتم با چیزی که شما نوشته اینه که کد من باعث میشه فقط زمانی که overfllow اتفاق میفته اسکرول بیفته و این بهینه تره
ولی چیزی که شما نوشتی در هر صورت اسکرول میندازه

vahidd.com · Mar 17, 2012

ببخشید منظورتونو متوجه نشدم لطفا یه کم واضح‌تر توضیح بدید.

restles20 · Mar 19, 2012

منظوره دوستمون اینه که کد شما نماد سکرول رو چه متن هامون بزرگتر از کادر مربوطه باشه چه نباشه نمایش میده ... اگر متن هامون در کادر جا بشن اسکرول ما به صورت غیر فعال یا Enable هستش و نمایش هم داده میشه اما زمانی که متن در کادر جا نشه اون موقع اسکرول فعال(روشن) میشه
نیازی هم به دعوا نیست هر دو کد صحیح هستن و میشه از هر دو استفاده کرد ... من خودم کد دوستمون آقا وحید رو انتخاب می کنم ... چون بنظرم اصولی تر و حرفه ای تره