bftarane
پنج شنبه 09 آذر 1391, 18:40 عصر
سلام.
من قالب کلي سايتم با Div هست.
ولي چند تا يوزرکنترل درست کردم مثل تماس با ما،
لوگين، آب و هوا
که اينا رو با جدول درست کردم.
يا مثلاً صفحه مديريت خبرنامه رو توش جدول به کار بردم براي مرتب بودن داده ها
مثلاً:
نام x
نام خانوادگي xx
شماره تماس xxx
حالا به نظرتون ارزشش رو داره بيام اينا رو با Css درست کنم؟
چون مثل اينکه استفاده از تيبل سرعت رو پايين مياره.
و اينکه آيا به طريق زير بسازم به نظرتون Cross browser هست؟
خوبه؟ مشکلي نداره؟
<style type="text/css">
.wrapper
{
width:300px;
direction:rtl;
color:#111;
}
.row
{
width:300px;
background:#eee;
}
.col1
{
float:right;
background:#846912;
height:50px;
width:96px;
border-bottom:1px solid #000;
padding-top:8px;
padding-right:4px;
}
.col2
{
float:right;
background:#736912;
height:50px;
width:150px;
border-bottom:1px solid #000;
padding-top:8px;
}
.col3
{
float:right;
width:50px;
background:#336912;
height:50px;
border-bottom:1px solid #000;
padding-top:8px;
}
</style>
<div class="wrapper">
<div class="row">
<div class="col1">نام: </div><div class="col2">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div><div class="col3">*</div>
</div>
<div class="row">
<div class="col1">نام خانوادگي:</div><div class="col2">
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</div><div class="col3">*</div>
</div>
<div class="row">
<div class="col1">شماره تماس: </div><div class="col2">
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
</div><div class="col3">*</div>
</div>
</div>
اينم شکل خروجي کدهاي بالا
95773
ممنون.
من قالب کلي سايتم با Div هست.
ولي چند تا يوزرکنترل درست کردم مثل تماس با ما،
لوگين، آب و هوا
که اينا رو با جدول درست کردم.
يا مثلاً صفحه مديريت خبرنامه رو توش جدول به کار بردم براي مرتب بودن داده ها
مثلاً:
نام x
نام خانوادگي xx
شماره تماس xxx
حالا به نظرتون ارزشش رو داره بيام اينا رو با Css درست کنم؟
چون مثل اينکه استفاده از تيبل سرعت رو پايين مياره.
و اينکه آيا به طريق زير بسازم به نظرتون Cross browser هست؟
خوبه؟ مشکلي نداره؟
<style type="text/css">
.wrapper
{
width:300px;
direction:rtl;
color:#111;
}
.row
{
width:300px;
background:#eee;
}
.col1
{
float:right;
background:#846912;
height:50px;
width:96px;
border-bottom:1px solid #000;
padding-top:8px;
padding-right:4px;
}
.col2
{
float:right;
background:#736912;
height:50px;
width:150px;
border-bottom:1px solid #000;
padding-top:8px;
}
.col3
{
float:right;
width:50px;
background:#336912;
height:50px;
border-bottom:1px solid #000;
padding-top:8px;
}
</style>
<div class="wrapper">
<div class="row">
<div class="col1">نام: </div><div class="col2">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div><div class="col3">*</div>
</div>
<div class="row">
<div class="col1">نام خانوادگي:</div><div class="col2">
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</div><div class="col3">*</div>
</div>
<div class="row">
<div class="col1">شماره تماس: </div><div class="col2">
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
</div><div class="col3">*</div>
</div>
</div>
اينم شکل خروجي کدهاي بالا
95773
ممنون.