چیدمان TextBox ها با Div یا ،Table ؟

[کامروا]

سلام

بوسیله Layout , Div صفحه رو طراحی کردم..

حالا برای مثلا فرم ثبت نام که باید یکسری Lable,TextBox,Button رو توی فرم بچینم.
نمیدونم طراحی و چیدمان این ها با Div بهتره یا Table ...!

سپاس

[Saber Mogaddas]

سلام
table تگی هست منسوخ شده اصلا به طور کامل table رو فراموش کنید ، در حال حاضر طراحی tableless رواج داره و استاندارد شناخته میشه و تمامی قسمت ها توسط تگ دیو طراحی میشه ، البته در html 5 نیز سعی به بهینه کردن مقدار دیو ها شده.
بهترین روش برای طراحی فرم استفاده از تگ دیو و استایل دهی توسط class هست. برای مثال این لینک (http://ashenab-az.ir/FA/Employee.aspx)
موفق باشید.

[کامروا]

سپاس
خب اگر ممکنه در مورد چیدمان با Div توضیح دهید.
چطوری میتونم یک فرم با 2 ستون داشته باشم.
که ستون اول Lable و ستون دوم TextBox
البته منظور بهترین روش برای پیاده سازی این هستش.
چون الان میتونم این رو بسازم اما بنظرم بهینه نیست....

سپاس

[زینب فاطمی]

سلام
این لینک رو ببینید :
http://barnamenevis.org/showthread.php?343515-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D9%81%D8%B1%D9%85-%D9%87%D8%A7%DB%8C-%D9%88%D8%B1%D9%88%D8%AF-%D8%A8%D8%A7-div-%DB%8C%D8%A7-table&highlight=Div+%DB%8C%D8%A7+table

[mrgraphy]

سلام.
درسته که table منسوخ شده اما در ساخت فرم حتی سایت های بزرگ مثل گوگل هم از table استفاده میکنند چو ن اگر بخواهیم با div طراحی کنیم حجم کد های css خیلی بیشتر از اون چیزی میشه که بخوای با table طراحی کنید.

[کامروا]

سلام.
درسته که table منسوخ شده اما در ساخت فرم حتی سایت های بزرگ مثل گوگل هم از table استفاده میکنند چو ن اگر بخواهیم با div طراحی کنیم حجم کد های css خیلی بیشتر از اون چیزی میشه که بخوای با table طراحی کنید.

همین یکم منو گیج کرده ...
مثلا واسه اینکار با Table راحت تر میشه طراحی کرد و حجم کدها هم کمتر از div هست.
مثلا:


این لینک رو ببینید :
http://barnamenevis.org/showthread.p...8C%D8%A7+table

بنظرم با Table بهتره تا این.
یا شاید روشی بهتر از این وجود داشته باشه !

[Saber Mogaddas]

همانطور که تو لینک مثال دادم و دوستمون نیز مثال رو مطرح کردن عمل کنید.
برای طراحی جدول دو ستونه با دیو
1- ایجاد دیو اصلی (که موقعیت فرم رو نیز مشخص می کنه).
2- توجه کنید برای طراحی راحت با دیو ستون در نظر نگیرید سطر در نظر می گیرید. برای مثال یک سطر با دو ستون ابتدا دیو سطر رو هم اندازه با دیو اصلی در نظر بگیرید و داخل آن دو دیو با اندزه ستون ها در نظر بگیرید.
3- خوب چون 2 توسط کلاس استایل دهی شده هست می تونیم زیر دو نیز همان سطر را کپی کنیم که نتیجه کار دو سطر و 2 ستون خواهد بود.
4-معمولا همه تکست ها و lable ها به یک اندازه می باشند مگر اینکه فرم دارای textarea یا همان شرح ، توضیحات باشد که در این صورت این سطر رو با کلاس و استایل متفاوت طرح ریزی می کنیم که سطر ما کمی بزرگتر از سرهای نمونه دو باشد.
5- برای زیبای کار می تونیم به تکست باکس ها هم cssclass دهیم و روی ظاهر آنها تغییرات انجام دهیم.

موفق باشید.

[Saber Mogaddas]

سلام.
درسته که table منسوخ شده اما در ساخت فرم حتی سایت های بزرگ مثل گوگل هم از table استفاده میکنند چو ن اگر بخواهیم با div طراحی کنیم حجم کد های css خیلی بیشتر از اون چیزی میشه که بخوای با table طراحی کنید.
سلام
دوست عزیز توجه کنید اگه با استاندارهای w3c آشنایی داشته باشید و طراحی ،تابع با قوانین استاندارد باشید ، سایت هایی مثل گوگل و از این قبیل رو که دارای طرفدار زیاد و نیاز همه هستند و نیازی به سئو و بهینه بودن ندارند رو الگوی کار خودتون قرار نمی دید.
بله درسته تو بعضی مواقع استفاده میشه ولی نه تو فرم ثبت نام که ظاهر طراحی ما رو خراب کنه و طراحی ما رو زیر استانداردها قرار بده ، البته در اون مواقع نیز از grid,telerik و .. استفاده میشه که ربطی به موضوع فرم نداره، و در قسمت مدیریت محتوا خوب هست.