PDA

View Full Version : قرار دادن کنترل ها در جای مناسب



marya101000
دوشنبه 31 تیر 1392, 01:32 صبح
سلام دوستان

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

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

به عنوان مثال دیتا لیستمون در سمت راست صفحه و در بالای صفحه قرار بگیره

یک دنیا ممنون اگر کمکم کنید

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

asp سی شارپ

sam166
دوشنبه 31 تیر 1392, 01:40 صبح
دوست عزیز شما از گوگل کروم استفاده کن شبیه شکل زیر
خیلی زود متوجه میشه چطور از CSS استفاده کنی

107703

در سمت راست کد های CSS هست که میتونی روشون کلیک کنی و تغییرشون بدی

marya101000
دوشنبه 31 تیر 1392, 01:47 صبح
دوست عزیز شما از گوگل کروم استفاده کن شبیه شکل زیر
خیلی زود متوجه میشه چطور از CSS استفاده کنی

107703

در سمت راست کد های CSS هست که میتونی روشون کلیک کنی و تغییرشون بدی



یعنی هیچ راهی نیست غیر کد های css که بشه ما کنترل هامون رو در جای مناسب خودش قرار بدیم ؟؟

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

مثلا میخوام یک منو بزارم با یک دیتا لیست و یک دونه جدول وسطش هم که محتوای فرم ها هستن

حالا شما چه راه حلی دارید که من کنترل هامو در مکان دلخواهم دقیق قرار بدم ؟

sam166
دوشنبه 31 تیر 1392, 01:56 صبح
ببینید من تا مجبور نشم از Table استفاده نمیکنم
فقط از Div و کد های CSS

اینم یه نمونه
<div style="float: right">
سمت راست
</div>
<div style="float: right">
وسط
</div>
<div style="float: right">
سمت چپ
</div>

marya101000
دوشنبه 31 تیر 1392, 02:10 صبح
می بخشید میشه درباره این کدها توضیح بدید

مثلا اگ من بخوام یک Textbox ببرم سمت راست صفحه وسط چطور با این کدها باید ببرم

ممنون میشم کمک کنید

marya101000
دوشنبه 31 تیر 1392, 02:10 صبح
ببینید من تا مجبور نشم از Table استفاده نمیکنم
فقط از Div و کد های CSS

اینم یه نمونه
<div style="float: right">
سمت راست
</div>
<div style="float: right">
وسط
</div>
<div style="float: right">
سمت چپ
</div>


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

مثلا اگ من بخوام یک Textbox ببرم سمت راست صفحه وسط چطور با این کدها باید ببرم

ممنون میشم کمک کنید

mohsen_1687
دوشنبه 31 تیر 1392, 02:22 صبح
این گونه سوال ها رو تو قسمت design مطرح کنید لطفا ؛ اونجا بهتر جواب میگیرید

marya101000
دوشنبه 31 تیر 1392, 02:38 صبح
ببینید شما باید اول سی اس اس رو یاد بگیرید
سایتتون رو با تگهای div تکه تکه کنید
حالا برای هر div یک کلاس یا آی دی تعریف کنید
مثلا:



<div class="textbox-1">محل تکست باکس اول</div>
<div class="label-1">محل قرارگیری یه لیبل</div>

بعد میایی تو تگ هد صفحت (راه های دیگه هم هست این راحته ) این کد رو مینویسی

<head>
<style>
.text-box1
{
text-alighn:right;
font-size:18px;
direction:rtl;
}
.label-1
{
float:left;
}
</style>
</head>



اقا عباس این کدها ک به تکس باکس میگ جهتت برو سمت راست و label میگ برو سمت چپ

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

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

به عنوان مثال اولین کامنت من رو ببیند که سوال رو پرسیدم میخوام بجای عکس من یک تکس باکس قرار بگیره چطور میشه اون قسمت یک تکس باکس گذاشت

با جدول امتحان کردم درست همون قسمت قرار نمیگیره میاد پایین تر

mor_zia
دوشنبه 31 تیر 1392, 13:32 عصر
سلام دوستان

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

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

به عنوان مثال دیتا لیستمون در سمت راست صفحه و در بالای صفحه قرار بگیره

یک دنیا ممنون اگر کمکم کنید

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

asp سی شارپ

سلام marya101000 (http://barnamenevis.org/member.php?235988-marya101000)
بهترین راه برای اینکه صفحه وبسایتت رو بتونی قسمت بندی بکنی اینه که از css استفاده کنی و از تکنیک div
من خودم تقریبا میتونم بگم که تو کل سایتم فقط از div استفاده می کنم
را استفادش هم خیلی آسونه
شما فرض کن که میخوای یک صفحه داشته باشی که مثلا 500px در 500px باشه و داخل اون سمت راست یک ستون که خود اون ستون به 2 ردیف تقسیم بشه
برای اینکار تو css این کدها رو مینویسی و ذخیره می کنی


.page
{
direction:rtl;
width: 500px;
height:500px;
background-color: #fff;
margin: 2px auto auto auto;
border: 1px solid #496077;
}

.header
{


margin: 0px;
padding: 0px;
height:120px;
background-color:#FFFFFF;
border:1px solid;
}

.main
{
direction:rtl;
padding: 0px 12px;
margin:5px 0px 0px 5px;
width:300px;
height:370px;
float:left;
background-color:#eeeeee;
border-radius:2%;


}




.ettelaeeyeh
{
width:160px;
height:210PX;
border: 1px solid #496077;
border-radius:5px;
float:left;
background-color:#eeeeee;
margin-top:0px;
margin:5px 0px 0px 5px;

}




.Link
{
width:160px;
height:150px;
border: 1px solid #496077;
float:left;
background-color:#eeeeee;
border-radius:5px;
font-family:Tahoma;
font-size:12px;
margin:5px 0px 0px 5px;
}



بعد تو صفحه master تو قسمت body کدهای زیر رو می نویسی:


<body>
<form runat="server">
<div class="page">
<div class="header"></div>
<div class="main">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"/>
</div>
<div class="ettelaeeyeh"></div>
<div class="Link"></div>
</div>
</form>
</body>

با اینکار چهارچوب صفحه شکل می گیره
حالا هر کنترلری رو خواستی بذاری مثلا سمت راست، کافیه که اونو بین
<div> </dive>
قرار بدی
امیدوارم که مشکلت حل بشه

marya101000
دوشنبه 31 تیر 1392, 14:58 عصر
سلام marya101000 (http://barnamenevis.org/member.php?235988-marya101000)
بهترین راه برای اینکه صفحه وبسایتت رو بتونی قسمت بندی بکنی اینه که از css استفاده کنی و از تکنیک div
من خودم تقریبا میتونم بگم که تو کل سایتم فقط از div استفاده می کنم
را استفادش هم خیلی آسونه
شما فرض کن که میخوای یک صفحه داشته باشی که مثلا 500px در 500px باشه و داخل اون سمت راست یک ستون که خود اون ستون به 2 ردیف تقسیم بشه
برای اینکار تو css این کدها رو مینویسی و ذخیره می کنی


.page
{
direction:rtl;
width: 500px;
height:500px;
background-color: #fff;
margin: 2px auto auto auto;
border: 1px solid #496077;
}

.header
{


margin: 0px;
padding: 0px;
height:120px;
background-color:#FFFFFF;
border:1px solid;
}

.main
{
direction:rtl;
padding: 0px 12px;
margin:5px 0px 0px 5px;
width:300px;
height:370px;
float:left;
background-color:#eeeeee;
border-radius:2%;


}




.ettelaeeyeh
{
width:160px;
height:210PX;
border: 1px solid #496077;
border-radius:5px;
float:left;
background-color:#eeeeee;
margin-top:0px;
margin:5px 0px 0px 5px;

}




.Link
{
width:160px;
height:150px;
border: 1px solid #496077;
float:left;
background-color:#eeeeee;
border-radius:5px;
font-family:Tahoma;
font-size:12px;
margin:5px 0px 0px 5px;
}



بعد تو صفحه master تو قسمت body کدهای زیر رو می نویسی:


<body>
<form runat="server">
<div class="page">
<div class="header"></div>
<div class="main">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"/>
</div>
<div class="ettelaeeyeh"></div>
<div class="Link"></div>
</div>
</form>
</body>

با اینکار چهارچوب صفحه شکل می گیره
حالا هر کنترلری رو خواستی بذاری مثلا سمت راست، کافیه که اونو بین
<div> </dive>
قرار بدی
امیدوارم که مشکلت حل بشه


واقعا ازت ممنونم عالی بود

saeedchoopani
سه شنبه 08 مرداد 1392, 13:30 عصر
از جدول استفتده کنین.چون اندازه های جدول رو درست وارد نکردین برا همون سر جای خودش قرار نمی یره.برای هر سطر و ستون تاکید میکنم برای هر سطر و ستون height ,width تعریف کنید بر حسب پیکسل.مشکل حل میشه