parsgreen.com
article

ایجاد جدول با تگ table در html

html-table

آموزش ایجاد جدول و تگ table در html از جمله مباحثی است که علاوه بر کاربردهای عمومی، برای حرفه ای تر های دنیای وب نیز همواره کاربردی بوده و هست، چرا که از یک طرف دامنه موارد استفاده آن، باعث این امر شده و از طرفی، کمی پیچیدگی ظاهری و جزئیات، کار با آن را دشوار کرده است، البته این گفته که کار با جدول دشوار است، به یقین بعد از تسلط و آشنایی نسبی با تگ ها و نحوه استفاده از آنها، درست نخواهد بود و در ادامه آموزش نیز خواهیم دید که ترسیم جداول در صفحات وب به صورت سفارشی، آنچنان هم سخت و پیچیده نیست.

کاربرد جدول در صفحات html


فلسفه اصلی به کارگیری جداول در صفحات وب، دسته بندی و نمایش محتوایی است که به اصطلاح به صورت جدول بندی شده (tabular) و یا اطلاعات آماری هستند، البته پیش تر از جداول به دلیل استحکام و راحتی کار، در امر طراحی لایه ها و فرم بندی صفحات وب نیز استفاده می شد که امروزه به دلایلی توصیه می شود از آن (حداقل در پروژه هایی که به سئو یا بهینه سازی برای موتورهای جستجو متکی هستند) اجتناب کنید، به هر صورت از جداول به فرض می توان برای نمایش نتایج یک آزمون، نمایش برنامه های زمان بندی شده، اطلاعات آماری و... استفاده کرد.

ایجاد جدول با تگ table


عنصر اصلی ایجاد کننده یک جدول در صفحات وب، تگ کلیدی table است، البته این تگ به تنهایی کار خاصی انجام نمی دهد، ولی با افزودن مواردی درون آن، از جمله تگ های زیر مجموعه th، td و tr به ردیف ها و سلول های جانبی تقسیم می شود.
<table>
</table>
ویژگی های زیادی را می توان به تگ table نسبت داد که در ادامه به آنها اشاره می کنیم.

ویژگی align


ویژگی align در یک جدول، تنظیم کننده موقعیت آن در سمت راست، چپ یا وسط صفحه است و با سه عنصر زیر تعریف می شود.
center: تنظیم جدول در وسط صفحه
left: تنظیم جدول در سمت چپ صفحه
right: تنظیم جدول در سمت راست صفحه
<table align="right">
</table>

ویژگی background


ویژگی background تصویر پس زمینه جدول را تعریف می کند که مقادیر آن باید با آدرس تصویر مورد نظر، جایگزین شود.
<table background="../html.jpg">
</table>

ویژگی bgcolor


ویژگی bgcolor در یک جدول، رنگ پس زمینه آن را تعیین می کند و با مقادیر کدهای هگز مشخص می شود.
<table bgcolor="#CCCCCC">
</table>

ویژگی border


ویژگی border برای نمایش خط حاشیه و سلول های داخلی جدول مورد استفاده قرار می گیرد، مقادیر آن با اعداد، به صورت 1 ، 2 ، 3 و... تعیین می شود.
<table border="1">
</table>

ویژگی bordercolor


ویژگی bordercolor رنگ خط حاشیه جدول و سلول های داخلی آن را مشخص می کند، مقادیر این ویژگی نیز با کدهای هگز تنظیم می شود.
<table border="1" bordercolor="#FF6600">
</table>
علاوه بر این، دو ویژگی bordercolordark و bordercolorlight نیز وجود دارد که در مرورگر اینترنت اکسپلورر و برخی مرورگرهای دیگر پشتیبانی می شود، bordercolordark رنگ زاویه پائینی جدول و bordercolorlight رنگ زاویه بالایی آن را تنظیم می کند.
<table border="1" bordercolor="#FF6600" bordercolordark="#FFCC00">
</table>

ویژگی cellpadding


ویژگی cellpadding میزان فاصله محتوای سلول ها، از خطوط کناری (حاشیه) آنها را مشخص می کند، هر چه مقدار آن بیشتر باشد، فضای داخلی سلول ها نیز بیشتر شده و محتوای درون آنها با فاصله بیشتری از خطوط دربرگیرنده، نمایش داده می شود.
<table border="1" cellpadding="4">
</table>

ویژگی cellspacing


ویژگی cellspacing میزان فضا و فاصله بین سلول های داخل یک جدول را مشخص می کند، مقادیر آن نیز به صورت اعداد 1 ، 2 ، 3 و... تعیین می شود.
<table border="1" cellpadding="4" cellspacing="4">
</table>

ویژگی height


برای تنظیم ارتفاع کلی جدول، از ویژگی height استفاده می کنیم، مقادیر آن می تواند به صورت اعداد 1 ، 2 ، 3 و... باشد که در واقع نمایانگر تعداد پیکسل است.
<table border="1" cellpadding="4" cellspacing="4" height="600">
</table>

ویژگی width


ویژگی width نیز جهت تعیین عرض کلی جدول مورد استفاده قرار می گیرد، مقادیر آن نیز به صورت اعداد 1 ، 2 ، 3 و... تعیین می شود.
<table border="1" cellpadding="4" cellspacing="4" height="600" width="800">
</table>

ویژگی rules


ویژگی rules برای تعیین نحوه ترسیم خطوط میانی جدول به کار می رود، در حالت معمول، برای تمام سلول ها، ردیف ها و ستون ها، خطوط پیش فرض ترسیم می شود، اما با تعیین ویژگی rules، می توان نمایش خطوط را سفارشی کرد، ویژگی rules با چند مقدار زیر تنظیم می شود.
all: خطوط در راستای ردیف ها و ستون ها ایجاد می شود.
cols: خطوط در راستای ستون ها ترسیم می شود.
rows: خطوط در راستای ردیف ها ترسیم می شود.
groups: خطوط برای گروهی از ردیف ها یا ستون ها ترسیم می شود.
none: هیچ خطی داخل جدول ترسیم نمی شود.
<table border="1" cellpadding="4" cellspacing="4" height="600" width="800" rules="all">
</table>

ویژگی title


از ویژگی title برای ایجاد یک متن جهت معرفی جدول استفاده می شود، این متن در هنگامی که ماوس را داخل آن جدول ببریم، به صورت یک بالن (tooltip) در کنار نشانه گر ظاهر می شود.
<table border="1" cellpadding="4" cellspacing="4" height="600" width="800" rules="all" title="عنوانی برای جدول">
</table>

ایجاد یک سطر جدید در جدول با تگ tr


از تگ tr برای ایجاد سطر جدید در جدول استفاده می شود که شباهت زیادی به عملکرد تگ پرکاربرد br در صفحات وب دارد، البته تگ tr یکتا نیست و باید پایان آن، با یک تگ دیگر بسته شود.
<table border="1">
<tr>
</tr>
</table>

ایجاد سرتیتر ها با تگ th


تگ th در جداول، نشانگر سرتیتر ها است، با استفاده از این ویژگی به راحتی می توان انبوهی از اطلاعات را به زیبایی دسته بندی کرد.
<table border="1">
<tr>
<th>تیتر جدول</th>
</tr>
</table>

ویژگی های فرعی تگ th


در زیر به صورت مختصر اشاره ای می کنیم به برخی ویژگی های فرعی تگ th و معنی آنها.
abbr: عبارت abbr مخفف abbreviation یا اختصار است و کاربرد آن در سرتیترهای جداول، به جهت تعیین یک متن مختصر و معرفی آن تیتر است، این ویژگی در حالت معمول قابل رویت نیست اما برای موارد خاص مانند موتورهای جستجو، می تواند مفید باشد.
<th abbr="abbr text">تیتر جدول</th>
axis: ویژگی axis (به معنی محور، قطب) برای تیترهای جداول، معرف دسته بندی آنها است و  در حالت معمول کاربرد خاصی ندارد، اما مانند abbr می تواند برای موارد خاص مورد استفاده قرار گیرد.
<th axis="category">تیتر جدول</th>
colspan: ویژگی colspan در واقع طول یک تیتر را نسبت به تگ ها td زیرمجموعه خود مشخص می کند، به فرض ممکن است یک تیتر برای دو سلول به کار رود، لذا با تنظیم colspan با مقدار 2، آن تیتر به اندازه دو سلول کشیده می شود.
<table border="1">
<tr>
<th colspan="2">تیتر جدول</th>
</tr>
<tr>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
</tr>
</table>
نکته: تنظیم colspan با عدد صفر تنها برای موارد ستون های گروهی کاربرد دارد.
rowspan: ویژگی rowspan ارتفاع تیتر را نسبت به ردیف ها تعیین می کند، به فرض تنظیم عدد 2 برای مقادیر آن، تیتر را به اندازه دو ردیف ارتفاع می دهد.
<table border="1">
<tr>
<th>تیتر جدول</th>
<th>تیتر جدول</th>
<th rowspan="3">تیتر rowspan</th>
</tr>
<tr>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
</tr>
<tr>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
</tr>
</table>
valign: عنصر valign برای تیتر جداول به جهت تنظیم محل نمایش آنها از لحاظ موقعیت عمودی (vertical) کاربرد دارد، valign می تواند مقادیر زیر را دارا باشد.
- top (بالا)
- baseline (خط مبنا)
- bottom (پائین)
- middle (وسط)
<th valign="middle">تیتر جدول</th>

ایجاد سلول با تگ td


همانطور که پیش تر گفتیم، table به تنهایی معمولا کاربرد خاصی ندارد و سلول های ساخته شده با th و td هستند که به آن فرم می دهند، تگ td سلول های داخلی و در واقع محتوای داخل یک جدول را دربرمی گیرد.
<table border="1" bordercolor="#FF6600">
<tr>
<th>تیتر جدول</th>
</tr>
<tr>
<td>محتوای درون سلول های جدول</td>
</tr>
</table>
بیشتر مواردی که در مورد تگ th گفتیم، در باره تگ td نیز به همان صورت کاربرد دارند، افزون بر این، ویژگی nowrap با مقادیر nowrap را نیز می توان به آن افزود، از nowrap برای نمایش یک متن، در یک سطر، بدون شکستگی استفاده می شود، البته این ویژگی ممکن است در برخی نسخه های html معتبر نباشد و بهتر است به جای آن از css استفاده کنید (white-space: nowrap).

ایجاد عنوان با تگ caption


تگ caption در جداول، برای ایجاد یک عنوان (سرلوحه) استفاده می شود، این عنوان در قسمت بالای جدول قرار می گیرد و معرف آن است، برای هر جدول تنها می توان از یک caption استفاده کرد و این تگ باید بلافاصله بعد از تگ table قرار گیرد.
<table border="1" cellpadding="4" cellspacing="4">
<caption>عنوان جدول</caption>
<tr>
<th rowspan="2" valign="middle">تیتر جدول</th>
</tr>
<tr>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
</tr>
</table>

گروه بندی ستون ها با تگ colgroup و col


از تگ colgroup و col برای فرمت بندی ستون های جدول به صورت تفکیک شده و گروهی استفاده می شود، به فرض در یک جدول با سه ستون و سه ردیف متفاوت، می توان سه فرمت بندی متفاوت داشت، تگ colgroup و col را باید بلافاصله بعد از تگ table قرار داد، از colgroup می توان بدون col یا با آن استفاده کرد.
<table border="1">
<colgroup style="background-color:#6CF"></colgroup>
<colgroup style="background-color:#CCC"></colgroup>
<colgroup style="background-color:#FC0;"></colgroup>
<tr>
<th>تیتر جدول</th>
<th>تیتر جدول</th>
<th>تیتر جدول</th>
</tr>
<tr>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
</tr>
</table>
استفاده از colgroup به همراه تگ col:
<table border="1">
<colgroup>
<col style="background-color:#6CF"></colgroup>
<col style="background-color:#CCC"></colgroup>
<col style="background-color:#FC0;"></colgroup>
</colgroup>
<tr>
<th>تیتر جدول</th>
<th>تیتر جدول</th>
<th>تیتر جدول</th>
</tr>
<tr>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
</tr>
</table>

فرمت بندی با تگ های thead، tbody و tfoot


سه تگ thead، tbody و tfoot شیوه ی دیگری از فرمت بندی را در جداول html ارائه می کنند، با thead می توان سرتیترها را به صورت گروهی و متمایز نشان داد، تگ tbody بر روی عناصر داخلی جدول تاثیر گذار است و tfoot ردیف پایانی یک جدول را تحت تاثیر قرار می دهد، تگ های مذکور به خودی خود تغییر خاصی ایجاد نمی کنند و باید با ویژگی های css تنظیم شوند.
<table border="1">
<thead style="color:#F60;">
<tr>
<th>تیتر جدول</th>
<th>تیتر جدول</th>
<th>تیتر جدول</th>
</tr>
</thead>
<tbody style="color:#FC0">
<tr>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
</tr>
</tbody>
<tfoot style="color:#CCC">
<tr>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
</tr>
</tfoot>
</table>

مثال و پیش نمایش آنلاین


برای آشنایی بیشتر با نحوه ترسیم جداول و خواص آنها، چند جدول متفاوت را در مثال زیر ترسیم کرده ایم که می توانید به صورت آنلاین، کد و پیش نمایش آن را ملاحظه کنید.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>وبگو | ترسیم جداول در صفحات وب</title>
<!-- http://webgoo.ir -->
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
}
</style>
</head>
<body>
<table width="400" border="1" cellspacing="2" cellpadding="2" style="text-align:center;" align="center">
<caption>
جدول شماره 1
</caption>
<tr>
<th bgcolor="#CCCCCC">تیتر 1</th>
<th bgcolor="#CCCCCC">تیتر 2</th>
<th bgcolor="#CCCCCC">تیتر 3</th>
</tr>
<tr>
<td>سلول 1</td>
<td>سلول 2</td>
<td>سلول 3</td>
</tr>
<tr>
<td>سلول 4</td>
<td>سلول 5</td>
<td>سلول 6</td>
</tr>
</table>
<!-- جدول شماره 2 -->
<table border="1">
<caption>
جدول شماره 2
</caption>
<colgroup style="background-color:#6CF"></colgroup>
<colgroup style="background-color:#CCC"></colgroup>
<colgroup style="background-color:#FC0;"></colgroup>
<tr>
<th>تیتر جدول</th>
<th>تیتر جدول</th>
<th>تیتر جدول</th>
</tr>
<tr>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
</tr>
</table>
<!-- جدول شماره 3 -->
<table border="1" align="left">
<caption>
جدول شماره 3
</caption>
<tr>
<th>تیتر جدول</th>
<th>تیتر جدول</th>
<th rowspan="3">تیتر rowspan</th>
</tr>
<tr>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
</tr>
<tr>
<td>محتوای جدول</td>
<td>محتوای جدول</td>
</tr>
</table>
<!-- جدول شماره 4 -->
<table width="400" border="1" cellspacing="2" cellpadding="2" style="text-align:center;" align="center">
<caption>
جدول شماره 4
</caption>
<tr>
<th bgcolor="#CCCCCC">تیتر 1</th>
<td>سلول 1</td>
<td>سلول 2</td>
</tr>
<tr>
<th bgcolor="#CCCCCC">تیتر 2</th>
<td>سلول 3</td>
<td>سلول 4</td>
</tr>
<tr>
<th bgcolor="#CCCCCC">تیتر 3</th>
<td>سلول 5</td>
<td>سلول 6</td>
</tr>
</table>
</body>
</html>
پیش نمایش
sectionدسته بندی: آموزش مقدماتی » HTML
related مطالب بیشتر:
» فرمت بندی و کار با پاراگراف و متن در HTML
» کاربرد تگ img و نمایش تصاویر در HTML
» نحوه ایجاد لینک در HTML
» بررسی تگ های اصلی و کلیدی HTML در صفحات وب
» آشنایی با متاتگ ها (Meta tags) و کاربرد آنها در صفحات وب (HTML)
commentنظرات (۲۵ یادداشت برای این مطلب ارسال شده است)
نویسنده: محمد محمودی
زمان: ۰۰:۳۸:۳۸ - تاریخ: ۱۳۹۲/۰۲/۰۶
این آموزشی خوب همراه با توضیحی خوب بود. اگر آموزش کامل html5 و css3 رو به صورت pdf بتونید به ایمیلم بفرستید ممنون میشم.
پاسخ: 
متاسفانه امکان ارسال آموزش به ایمیل وجود ندارد، مطالب صرفا از طریق سایت منتشر می شوند.
نویسنده: حسام
زمان: ۱۸:۱۹:۴۶ - تاریخ: ۱۳۹۲/۰۴/۰۴
سلام
خسته نباشيد
من مي خوام يه همچين جدولي درست كنم
راهنماييم مي كنيد؟
http://8pic.ir/images/68899477069823482367.png
پاسخ: 
سلام
در آموزش به طور کامل نحوه طراحی جدول و استفاده از خاصیت ها توضیح داده شده، به طور مثال در پیش نمایش، جدول شماره 1 تقریبا همان چیزی است که نیاز شما است، ضمن اینکه برای سفارشی سازی ظاهری باید با CSS آشنایی داشته باشید.
نویسنده: مجتبی
زمان: ۱۷:۲۷:۲۲ - تاریخ: ۱۳۹۲/۰۹/۱۵
سلام
من ویژگی colspan رو نفهمیدم
میتونید راهنماییم کنید؟
پاسخ: 
سلام
لطفا نمونه کدهایی که در آموزش (زیر توضیحات colspan و rowspan) آمده را در یک فایل HTML قرار داده و آن را تست کنید.
نویسنده: مجتبی
زمان: ۱۷:۲۲:۳۹ - تاریخ: ۱۳۹۲/۰۹/۱۸
سلام
ویژگی rules برای چیست و چه موقع هایی استفاده می شود؟
پاسخ: 
سلام
لطفا آموزش را مطالعه کنید، در حد توان کامل توضیح داده شده!
نویسنده: reza
زمان: ۱۲:۳۲:۳۱ - تاریخ: ۱۳۹۲/۱۰/۰۳
واقعا کامل ترین آموزش html بود خیلی ممنون
نویسنده: مریم
زمان: ۰۱:۲۶:۰۲ - تاریخ: ۱۳۹۲/۱۰/۲۵
کامل بود. مرسی
نویسنده: سجاد
زمان: ۰۹:۳۱:۴۹ - تاریخ: ۱۳۹۲/۱۱/۱۴
سلام؛
ضمن تشکر از مطالب بسیار خوب و جامع شما، سوالی داشتم ...
در قسمت تگ <th> خاصیتی به نام bgcolor را معرفی کردید، برای رنگ پس زمینه ی سلول! این کد در صفحه ی HTML معمولی - نوت پد و تبدیل آن به web page - جواب می دهد، اما در برنامه ی Visual Studio 2013 این کد ناشناخته است! مشکل از کجاست ؟
با تشکر ...
پاسخ: 
سلام
خاصیت مذکور استاندارد HTML است و ارتباطی به سایر موارد ندارد، تنها در صورتی قابل استفاده است که خروجی شما HTML باشد یا اینکه از استاندارد آن پیروی کند.
نویسنده: نسرین رفعتی
زمان: ۱۵:۰۱:۳۶ - تاریخ: ۱۳۹۲/۱۱/۱۵
سلام من میخوام برای جدول عکس پس زمینه بذارم عکسم هم در همان مسیر فایل اصلیم هست مگه نباید اول اسم عکس
./
را بذارم پس چرا عکس رو نشون نمیده؟
پاسخ: 
سلام
اگر عکس در کنار فایل HTML است، نیاز به استفاده از علامت دایرکتوری بالاتر نیست (چون تصویر در دایرکتوری بالاتر نیست!)، لذا کافی است نام تصویر را (به صورت کامل و با فرمت) استفاده کنید.
نویسنده: حسن
زمان: ۲۳:۲۶:۵۵ - تاریخ: ۱۳۹۲/۱۱/۲۳
سلام خسته نباشید!
من یک table دارم با دو ستون ، در ستون سمت راست مطالب زیادی هست ولی در ستون سمت چپ فقط 1 مطلب قرار دارد!
بدلیل وجود مطالب زیاد در ستون سمت راست ارتفاع جدول زیاد می شود و مطلبی که در ستون سمت چپ قرار دارد ، در وسط ستون سمت چپ قرار می گیرد!
چیکار کنم که مطلب موجود در ستون سمت چپ هم از بالا شروع شود و در وسط ستون قرار نگیرد!
پاسخ: 
سلام
در صورتی که با CSS آشنایی داشته باشید می توانید از خاصیت vertical-align با مقادیر top استفاده کنید، در غیر این صورت تگ td را مطابق نمونه زیر تنظیم کنید:
<td valign="top"></td>
نویسنده: مهدی
زمان: ۱۴:۴۷:۲۱ - تاریخ: ۱۳۹۲/۱۲/۰۹
خیلی عالی و کامل ممنون
نویسنده: مهدی
زمان: ۱۶:۲۵:۳۰ - تاریخ: ۱۳۹۳/۰۱/۰۴
سلام
آیا امکانش هست با استفاده از table فضای مورد نظر عناصر سایتمون را مشخص کنیم و بعد مقدار border=0 قرار بدیم ؟ اینکار تو بهینه سازی سایتمون تاثیر نمیزاره؟
پاسخ: 
سلام
بهتر است به جای table از بلاک های div برای فرمت بندی صفحات HTML استفاده کنید، امروزه جدول کاربردهای خاص خود (از جمله ارائه اطلاعات آماری و جدول بندی شده) را دارد و نباید در طراحی صفحه وب استفاده شود، سعی کنید برای طراحی وب CSS را یاد بگیرید.
نویسنده: حسین
زمان: ۱۵:۱۲:۳۹ - تاریخ: ۱۳۹۳/۰۲/۰۲
نمی شه پی دی افش رو هم بزارید تا هی کپی پیست نکنیم.
پاسخ: 
مطالب جهت یادگیری است نه کپی پیست؟! :-)
اگر منظور مشاهده آفلاین است، می توانید صفحه را ذخیره کنید (در آینده امکانی برای پرینت و ذخیره مقاله به صورت مستقیم فراهم خواهد شد).
نویسنده: محمد
زمان: ۱۴:۵۹:۵۱ - تاریخ: ۱۳۹۳/۰۸/۱۰
اسم اینجور کد نویسی چیه؟ منظورم اینه که کدها داخل یک فیلد هستش مثلا تو زبان فارسی اگه بخوای کدها رو همینجوری بنویسی حروف انگلیسی قاطی پاتی میشه / اسم این ترفند چیه ؟؟؟ :))
پاسخ: 
این ترفند نیست دوست گرامی!
باید به تگ pre در HTML خاصیت direction:ltr و استایل CSS دلخواه اختصاص دهید!
نویسنده: محمد
زمان: ۲۰:۴۲:۲۷ - تاریخ: ۱۳۹۳/۱۰/۲۳
سلام خسته نباشید. من 2 جدول با تگ های td ایجاد کردم جدول شماره یک رو چپ قرار دادم حالا میخوام جدول شماره 2 رو وسط و هم خط جدول 1 قرار بدم. چه طور میتونم این کار رو بکنم.
اینو ببینید مشکلم اینه
http://www.kordavang.ir/music/ghaleb
پاسخ: 
سلام
- نکته اول اینکه طراحی قالب وب با جدول روشی منسوخ شده است و نباید دیگر استفاده شود! از جدول صرفا برای نمایش آمار و اطلاعات درون محتوایی می توان استفاده کرد، به جای جدول از بلاک های div و استایل CSS استفاده کنید.
- نکته دوم اینکه ظاهرا تگ های جدول را با تگ div تلفیق کرده اید، در این صورت باید با CSS آشنا باشید تا بتوانید استایل inline به بلاک ها اختصاص دهید و عرض آنها را طوری تنظیم کنید که در یک خط باشند.
نتیجه: از جدول برای فرمت بندی قالب وب استفاده نکنید، سعی کنید استایل نویسی CSS را در کنار کار با بلاک های div فرا بگیرید.
نویسنده: مهدی
زمان: ۱۱:۱۳:۰۴ - تاریخ: ۱۳۹۳/۱۲/۱۷
سلام .خسته نباشید
من از تگ table استفاده میکنم اما نتیجه در مرورگر مشاهده نمیشود . مشکل از کجاست لطفا راهنمایی کنید . مرسی!!!!!
پاسخ: 
سلام
نیاز به بررسی سورس صفحات شما است! لطفا آدرس نمونه صفحات یا فایل هایتان را درج کنید.
paged صفحه 1 از 2




more لطفا دقت کنید که یادداشت های زیر منتشر نشده و حذف خواهند شد:
- یادداشت های خارج از موضوع این مطلب.
- سوالات کلی، غیر ضروری و مشکلاتی که هیچ تلاشی برای رفع آن نکرده باشید.
- نظرات حاوی کدها و اسکریپت های خیلی طولانی (به طور مثال کد کامل قالب وبلاگ).

1 × 5
 refresh
آگهی
seonab.com
طراحی نرم افزار اندروید
رنگین کمان عکس
Ranginkamaan.com

آرشیو عکس های باکیفیت با موضوعات متنوع...