چگونه در html جدول بسازیم

نوشته : سیدرضا بازیار

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

مثلا:

ستون اول: دو سطر

ستون دوم: سه سطر

ستون سوم: چهار سطر

ستون پنجم: یک سطر

داشته باشه ( http://codepen.io/anon/pen/lAnqJ )

و بشه برای هر سطر یه بک گراند و یه اندازه مشخص گذاشت و حاشیه ها رو درست کرد و…

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

نوشته : imanfakhar

http://codepen.io/imanfakhar/pen/wKcLD

نوشته : سیدرضا بازیار

من دقیقا به جدول زیر نیاز دارم

یه جدول مشکی میخوام که 5 جدول مثل تصویر بالا توی اون باشه و میخوام توی اون 5 جدول مطلب بزارم

میخوام اندازه جدول طوری باشه که طول اون 100% نشه و اندازه اون توس همه مرورگر ها برابر باشه

نوشته : Alireza Xn

از این سرویس آنلاین استفاده کنید :

www.quackit.com/html/html_table_generator.cfm

نوشته : imanfakhar

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

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

 
 

 سلول هدر
 
 
 
 

 سلول اصلی
 
 
 
 

 سلول زیری
 
 

نوشته : سیدرضا بازیار

از این سرویس آنلاین استفاده کنید :
www.quackit.com/html/html_table_generator.cfm

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

هر چه کد آقای فخار رو ویرایش میکنم باز هم خراب میشه

نوشته : imanfakhar

style

.myTable {
width: 800px;
}
.myTable td {
border:5px #000 solid;
}
.myTableTd1 {
background-color: #F0F0F0;
height: 100px;
}
.myTableTd2 {
background-color: #00FF00;
height: 100px;
}
.myTableTd3 {
background-color: #FF00FF;
}
.myTableTd4 {
background-color: #0066CC;
}
.myTableTd5 {
background-color: #CC0000;
height: 300px;
}

html

نوشته : Ibrahim

سلام کسی میتونه کد این جدول رو درست کنه؟

نوشته : فرحان

سلام. اگر قصد طراحی صفحه دارید بهتره همچین طراحی ای رو توسط bootstrap انجام بدید. هم از تیبل استفاده نمیکنه و منعطفه و هم همه چیزش آمادست فقط کافیه کمی در مورد نحوه استفادش توی وب جستجو کنید.div های تو در تو میسازید و کلاس ها رو بهشون اختصاص میدید، خودش استایل دهی میکنه.

موفق باشید.

نوشته : Mobin

برای این کارها بهتره از div استفاده کنید انعطاف بیشتری دارند

 

 a1
 
 
 

 

 s2
 

 

 s3
 
 
 

 

 s4
 

 

 s5
 
 
 

 

 a6
 
 
 

 

 s7
 

 

 s8
 
 

نوشته : Ibrahim

مرسی از دوستانی که پاسخ دادند.

این هم یه سایت ساده و کاربردی برای طراحی آنلاین جدول هست که امکانات خوبی داره.

tablesgenerator

ولی خب همونجوری که lord_viper گفتند، استفاده از div انعطاف پذیری بیشتری داره و از لحاظ سئو بهتره.