PDA

View Full Version : سوال: دیزاین جدول با css



tanha2007
جمعه 06 دی 1387, 14:45 عصر
سلام.
من میخواستم که از طریق css تنظیمات جدول را ست نمایم مثل:
cellpadding = 3
cellspacing = 3
border = 1
width = 880
align = center

ولی من نمیدونم چگونه اینها را ست نمایم . میشه لطفا رهنایی نمایید؟؟؟

Feremerz
جمعه 06 دی 1387, 15:58 عصر
من خودم هم تازه كارم ولي فكر ميكنم جوابتون اين باشه ولي مطمئن نيستم:

cellpadding و cellspaciing رو نميشه توي css تغيير داد بلكه فقط ميتونيد شيء table رو انتخاب و اين 2 خاصيت رو تغيير بديد.
width جدول معنايي نداره چون خود جدول از چند تا <td> تشكيل شده كه شما بايد width اونها رو تغيير بدين كه ميتونين براي هر كدوم يه id در نظر بگيرين و width رو تغيير بديد.
align =center هم توي css نيست

شرمنده بيشتر از اين نميدونستم

tanha2007
جمعه 06 دی 1387, 16:09 عصر
تشکر دوست عزیز ...
من فقط میخواستم مطمئن شوم که آیا امکان دارد یا نه . تشکر دو باره

emad_67
جمعه 06 دی 1387, 16:18 عصر
به جای cell padding از padding توی td استفاده کن و به جای cell spacing هم از magin توی همون td.
خاصیت border هم در css وجود داره که می تونی به توی مثال زیر بینی.

جدول معنايي نداره چون خود جدول از چند تا <td> تشكيل شده كه شما بايد width اونها رو تغيير بدينwidth برای خود جدول هم تعریف میشه که با مقدار دهی به اون هر سطر ازش پیروی می کنن و نسبت به width ئی که به td نسبت میدی ارجعیت داره. مثلا شما مقدار width رو برای جدول 300 پیکسل در نظر بگیر و برای td مقدار 100 رو بده و نتیجه رو ببین. مقدار 100نادیده گرفته میشه و 300 پیکسل اعمال میشه.(مثال رو ببین)
مقدار align هم همونظور که دوستمون گفتن تو css وجود نداره و شما باید برای موقعیت دهی جدول اونو با margin موقعیت دهی کنی یا اینکه از موقعیت دهی مطلق و نسبی استفاده کنی.
اینم مثال:


<style type="text/css">
.tbl
{
width: 300px;
}
.tbl td
{
border: 1px solid #000;
padding: 2px;
margin: 2px;
width: 100px;
}
</style>
</head>

<body>
<table class="tbl">
<tr>
<td>test1</td>
<td>test2</td>
</tr>
<tr>
<td>test1</td>
<td>test2</td>
</tr>
</table>
</body>

tanha2007
جمعه 06 دی 1387, 17:13 عصر
تشکر.
من شبیه این کد میخوام با css انجام بشه:




<table width="880" border="1" align="center" cellpadding="3" cellspacing="3">
<tr align="center">
<td></td>
</tr>
</table>

emad_67
جمعه 06 دی 1387, 17:32 عصر
تشکر.
من شبیه این کد میخوام با css انجام بشه:




<table width="880" border="1" align="center" cellpadding="3" cellspacing="3">
<tr align="center">
<td></td>
</tr>
</table>


من که برای هر مورد توضیح دادم چیکار کنی، همونا رو اعمال کن دیگه.
برای center هم یه نمونه مثال می زنم:
table رو درون یک div قرار بده و خاصیت text-align اون div رو center بزار. سپس توی css مروبط به جدول margin-left و matgin-right رو برابر auto قرار بده.

tanha2007
جمعه 06 دی 1387, 18:19 عصر
تشکر دوست عزیز .
با گذاشتن div مشکل حل شد