PDA

View Full Version : سوال: ايجاد جدول با Css



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
ممنون.

ارمین نصیری
پنج شنبه 09 آذر 1391, 19:12 عصر
تفاوت چندانی نداره ولی روش شما خوبتر چون در table هااگر رنگ یا هر چیز دیگری نیاز به css هستش تنها موردی که دار افزایش دستوراته

bftarane
پنج شنبه 09 آذر 1391, 19:53 عصر
بازم اگه کسي نظري داره خوشحال ميشم بشنوم.
دوستان لطفاً در مورد کدها هم نظر بدن که مشکلي مي بينن يا نه؟
من شخصاً خيلي دوست دارم حتي الامکان از جدول در کارم استفاده نکنم اونم به خاطر قضيه سرعت هست که چون اين اولين کار حرفه ايم رو دارم انجام مي دم هنوز تجربه ندارم و نمي تونم از نظر سرعت مقايسه اي خودم داشته باشم. از دوستاني که هر دو روش رو امتحان کردم خواهش مي کنم تجربشون رو در ميون بزارم.

کامروا
پنج شنبه 09 آذر 1391, 20:09 عصر
من هم بشدت سعی میکنم از Table ها استفاده نکنم و واسه اینکاری که شما میخواین انجام بدین همین روش رو استفاده میکنم.
اما ظاهرا توی HTML5 تگ Table بهینه تر شده!
http://barnamenevis.org/showthread.php?368559-%DA%86%DB%8C%D8%AF%D9%85%D8%A7%D9%86-TextBox-%D9%87%D8%A7-%D8%A8%D8%A7-Div-%DB%8C%D8%A7-%D8%8CTable-%D8%9F&p=1626191
در لینک فوق هم توضیحاتی داده شده...

tarfand08
جمعه 10 آذر 1391, 00:37 صبح
در اينجا هيچ اشكالي نداره كه از جدول استفاده كرديد چون اطلاعات داخلي كه درون اين جدولها هست اطلاعات كمي هست و تا سرور بياد اطلاعات رو رد وبدل كنه محتويات درون جدولهام به نمايش در مياد چون اطلاعات درون جداول كم هست و جداول جاهايي باعث كندي ميشن كه مثلا كل قالب بر پايه ي جدول باشه و به علت اينكه كد جدول و اطلاعات درون اون تا زماني كه كد جدول به خط انتهايي خودش نرسه به نمايش در نمياد ( البته فكر كنم در حال حاضر با ورژن هاي جديد html ديگه به اون صورت نباشه اما قديم browser IE سر جدول خيلي حساس بود و قالبهاي كدنويسي شده با جدول كند بالا ميومدن). در هر صورت در تيكه هاي كدنويسي اگه از جدول استفاده كنيد اشكال نداره . هر چند كه خدم دوست دارم قالب يكدست Div باشه.
البته اين نكته رو هم بايد رعايت كنيد كه style هاي table رو با class تايين كنيد. كه در اينجا رعايت كرديد.
موفق باشيد.