رفتن به مطلب
قوانین ایجاد موضوع جدید در انجمن

ساخت جدول زیبا در پست ها

Milad123

توسط Milad123،
در مشکلات دیگر

دنبال‌کننده 0

پست های پیشنهاد شده

Milad123

Milad123 285

ارسال شده در
ارسال شده در (ویرایش شده)

سلام به همه عزیزان

من میخوام یه جدول مثل این رو توی ادامه مطلبم هرجا که میخوام قرار بدم فقط سه ستونه ولی با همین استایل :

http://jdesign.ir/ad...uery/index.html

اینم لینک دانلود :

http://jdesign.ir/do...e-download.html

حالا چطور میتونم از این بصورت سه ستونه توی مطالبم استفاده کنم؟

طبق این آموزش جدولو میارم داخل مطلب اما مشکل اینه که جدول 5 ستونس و وقتی 3 ستونش میکنم فاصله ی سلول ها بهم میریزه!

توی عکس ببینید جدول که سه ستونه میشه به این شکل در میاد که من مشخص کردم میخوام اندازه ی سلول ها به چه صورت باشه :

http://8pic.ir/image...98034645951.jpg

و همچنین اون استایلی رو که وقتی ماوس میره روش عمل نمیکنه!!

چطوری باید کدها رو تغییر بدم که هم سه ستونه بشه با این سایزایی که تعیین کردم و هم اون استایل هایلایت رو بیاره؟؟؟

پیشاپیش ممنون از پشتیبانیتون :wub:

ویرایش شده توسط Milad123
لینک به ارسال
Milad123

Milad123 285

ارسال شده در
  • مالک
ارسال شده در

اصلا بیخیال پست اول

شما بگید من این کد رو چیکار کنم تا :

1. عرض کلی جدول کم بشه.

2. فاصله ی هر ردیف با ردیف بعدی کمتر بشه! (ارتفاع هر سلول)

<div dir="rtl" align="center">
<table dir="rtl" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="80">
<p dir="RTL" align="center">شماره ترک</p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">دانلود از سرور اصلي سايت</p>
</td>
<td width="190">
<p dir="RTL" align="center">دانلود از Trainbit</p>
</td>
</tr>
<tr>
<td colspan="2" width="288">
<p dir="RTL" align="center">آلبوم باغ بلور</p>
</td>
<td colspan="2" width="329">
<p dir="RTL" align="center"><b>دانلود کل آلبوم در يک فايل زيپ</b></p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>1</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Chi Kar Konam</p>
</td>
<td width="190">
<p dir="RTL" align="center">Chi Kar Konam</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>2</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Dobareh</p>
</td>
<td width="190">
<p dir="RTL" align="center">Dobareh</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>3</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Hamisheh</p>
</td>
<td width="190">
<p dir="RTL" align="center">Hamisheh</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>4</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Fekresho Kon</p>
</td>
<td width="190">
<p dir="RTL" align="center">Fekresho Kon</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>5</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Man Ke Bavaram Nemishe</p>
</td>
<td width="190">
<p dir="RTL" align="center">Man Ke Bavaram Nemishe</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>6</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Aza Doori Nakon</p>
</td>
<td width="190">
<p dir="RTL" align="center">Aza Doori Nakon</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>7</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Tazegia</p>
</td>
<td width="190">
<p dir="RTL" align="center">Tazegia</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>8</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Baghe Bolour</p>
</td>
<td width="190">
<p dir="RTL" align="center">Baghe Bolour</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>9</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Sepideh</p>
</td>
<td width="190">
<p dir="RTL" align="center">Sepideh</p>
</td>
</tr>
<tr>
<td width="80"></td>
<td width="180"></td>
<td width="95"></td>
<td width="190"></td>
</tr>
<tr>
<td colspan="2" width="288">
<p dir="RTL" align="center">آلبوم باغ بلور</p>
</td>
<td colspan="2" width="329">
<p dir="RTL" align="center"><b>دانلود کل آلبوم در يک فايل زيپ</b></p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>1</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Chi Kar Konam</p>
</td>
<td width="190">
<p dir="RTL" align="center">Chi Kar Konam</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>2</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Dobareh</p>
</td>
<td width="190">
<p dir="RTL" align="center">Dobareh</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>3</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Hamisheh</p>
</td>
<td width="190">
<p dir="RTL" align="center">Hamisheh</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>4</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Fekresho Kon</p>
</td>
<td width="190">
<p dir="RTL" align="center">Fekresho Kon</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>5</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Man Ke Bavaram Nemishe</p>
</td>
<td width="190">
<p dir="RTL" align="center">Man Ke Bavaram Nemishe</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>6</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Aza Doori Nakon</p>
</td>
<td width="190">
<p dir="RTL" align="center">Aza Doori Nakon</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>7</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Tazegia</p>
</td>
<td width="190">
<p dir="RTL" align="center">Tazegia</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>8</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Baghe Bolour</p>
</td>
<td width="190">
<p dir="RTL" align="center">Baghe Bolour</p>
</td>
</tr>
<tr>
<td width="80">
<p dir="RTL" align="center"><b>9</b></p>
</td>
<td colspan="2" width="200">
<p dir="RTL" align="center">Sepideh</p>
</td>
<td width="190">
<p dir="RTL" align="center">Sepideh</p>
</td>
</tr>
<tr>
<td width="80"></td>
<td width="180"></td>
<td width="95"></td>
<td width="190"></td>
</tr>
</tbody>
</table>
</div>
<p dir="RTL"></p>

لینک به ارسال
Parsa

Parsa 23463

ارسال شده در
ارسال شده در

مقادیر width را حذف کنید

و استایل دهید

اگر بین سلولها فاصله هست margin را برای tr یا td تغییر دهید

  • امتیاز 1
لینک به ارسال
Milad123

Milad123 285

ارسال شده در
  • مالک
ارسال شده در

مقادیر width را حذف کنید

و استایل دهید

اگر بین سلولها فاصله هست margin را برای tr یا td تغییر دهید

نمیشه یه مقدار واحد مشخص کرد؟

مثلا مشخص کنی که مقدار فاصله ی تمام سلول ها یه میزان خاص باشه و تک تک نخواییم مشخص کنیم؟

لینک به ارسال
Parsa

Parsa 23463

ارسال شده در
ارسال شده در

روشی که گفته شد برای CSS بود


.table tr td {
    margin: 0 0;
    padding: 0;
}

کلاس table را جایگزین کنید

  • امتیاز 2
لینک به ارسال
Milad123

Milad123 285

ارسال شده در
  • مالک
ارسال شده در (ویرایش شده)

روشی که گفته شد برای CSS بود


.table tr td {
margin: 0 0;
padding: 0;
}

کلاس table را جایگزین کنید

اینو گذاشتم توی Style.css اما هیچ تغییری ایجاد نشد!!!

ویرایش شده توسط Milad123
لینک به ارسال
Milad123

Milad123 285

ارسال شده در
  • مالک
ارسال شده در

کلاس رو باید برای table ست کنید

http://www.w3schools...ss_id_class.asp

مشکل حل شد. کدها رو از جدول یه سایت کپی کردم. :D

ممنون از همگی

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
دنبال‌کننده 0
برو به فهرست موضوع ها
×
×
  • اضافه کردن...