Css جدول در سایت

[aligoli 12]

من جدیدا و در یک قالب یک مشکلی دارم :

http://up7.iranblog.com/images/vvk7mafbs4lvncgri46.jpg

با توجه به عکس ، من هنگامی که ارسال میکنم مطلبی رو مثلا با table جدولی رو میسازم و همه چی مشخص هست اما وقتی مطلب ثبت میشه ، در سایت که میرم ، اون مطلب رو باز میکنم متاسفانه خط های جدوا مشخص نیست !

مشکل از css قالب هست یا در هنگام ارسال مطلب باید border ها رو ضخیم کنم یا گزینه ای داره که فعالش کرد ؟

البته خودم فکر میکنم به css ربط داره ، ولی نمیدونم چطور باید حلش کرد ، در صورت آمادگی خواهش میکنم راهنمایی کنید .

[شاهین سمیع عادل 10]

علی گلی جان اگر در ادیتور به جداول border می دهید و عمل نمی کند می توانید در سی اس اس قالب اصلاح کنید . دموی آنلاین از سایتتان قرار بدهید تا دقیقا بگویم چه کار کنید .

[aligoli 12]

پیام خصوصی شد .

[شاهین سمیع عادل 10]

به انتهای فایل template.css قالب خود این کد را اضافه کنید ببینید مشکل حل می شود :

.ja-content-main .article-content td {
border:#666 1px;
}

[aligoli 12]

خیر ، متاسفانه تفاوتی نکرد .

[aligoli 12]

این قسمت کد های CSS قالب هست .

/* content tables */
.sectiontableheader {
background: #333333;
padding: 8px;
color: #FFFFFF;
font-weight: bold;
}

.sectiontableheader th {
background: #333333;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {
color: #FFFFFF;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 8px;
background: url(../images/dot-h.gif) repeat-x left bottom;
}

tr.sectiontableentry0:hover,
tr.sectiontableentry1:hover,
tr.sectiontableentry2:hover {
}

table.contentpane {
border: none;
width: 100%;
}

table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}

table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 30%;
float: right;
border: none;
}

table.contenttoc td {
background: url(../images/bullet.gif) no-repeat 12px 8px;
padding: 1px 5px 1px 20px;
}

table.contenttoc th {
border-bottom: 1px solid #CCCCCC;
padding: 0 0 3px;
text-indent: 5px;
}

table.contentpane, table.tablelist {
width:100%;
}

table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
}

table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}

table.pollstableborder img {
vertical-align: baseline;
}

table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 4px !important;
background: none;
}

table.pollstableborder tr.sectiontableentry1 td {
background: #F7F7F7;
}

table.searchintro {
padding: 10px 0;
width: 100%;
}

table.searchintro td {
padding: 5px!important;
}

[amin.poorsaeed 26]

داداش علیرضا من یه استایل دارم که باید به کد های css آخر قالبت اضافه کنی

table.zebra {
border-right: 1px solid #d2d2d4;
border-bottom: 1px solid #d2d2d4;
background: #F5F5F7;
box-shadow:
	0 8px 4px -4px rgba(0,0,0,0.1),
	inset 0 1px 0 rgba(255,255,255,0.2);
}

table.zebra caption { color: #777779; }

table.zebra thead {
background: #5a5a5c;
background: -moz-linear-gradient(
				top,
				rgba(90,90,92,1.0) 0%,
				rgba(60,60,62,1.0) 100%
			);
background: -webkit-linear-gradient(
				top,
				rgba(90,90,92,1.0) 0%,
				rgba(60,60,62,1.0) 100%
			);
background: -o-linear-gradient(
				top,
				rgba(90,90,92,1.0) 0%,
				rgba(60,60,62,1.0) 100%
			);
background: linear-gradient(
				top,
				rgba(90,90,92,1.0) 0%,
				rgba(60,60,62,1.0) 100%
			);
background: -ms-linear-gradient(
				top,
				rgba(90,90,92,1.0) 0%,
				rgba(60,60,62,1.0) 100%
			);
}

table.zebra thead tr td,
table.zebra thead tr th { border: 1px solid #262628; }

table.zebra thead th {
color: #fdfdff;
text-shadow: 0 -1px 1px rgba(0,0,2,0.6);
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

table.zebra thead th a:hover { color: #fdfdff; }

table.zebra tbody tr { border-top: 1px solid #d2d2d4; }

table.zebra tbody tr:hover,
table.zebra tbody tr:nth-of-type(odd):hover,
table.zebra tbody tr.odd:hover {
background: #fff;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.06);
}

table.zebra tr td,
table.zebra tr th {	border-left: 1px solid #d2d2d4; }

table.zebra tfoot tr {
border-bottom: 1px solid #a2a2a4;
background: #eaeaec;
color: #99999b;
}

بعد به قسمت ارسال پست برو یا جدولی که ساختی رو بهش استایل تعریف کن یعنی این استایل رو بزن

<table class="zebra" border="0">

اینم نمونه مثال برا جدول که اگه این کد رو بزنی می بینی چطور جدولی میاد

<table class="zebra" border="0">
<caption>Table caption</caption> <thead> 
<tr>
<th>Table Heading</th> <th>Table Heading</th> <th class="center">Table Heading</th>
</tr>
</thead> <tfoot> 
<tr>
<td>Table Footer</td>
<td>Table Footer</td>
<td class="center">Table Footer</td>
</tr>
</tfoot> 
<tbody>
<tr class="odd">
<td>Table Data</td>
<td>Table Data</td>
<td class="center">Data Centered</td>
</tr>
<tr>
<td class="bold">Data Bold</td>
<td>Table Data</td>
<td class="center">Data Centered</td>
</tr>
<tr class="odd">
<td>Table Data</td>
<td>Table Data</td>
<td class="center">Data Centered</td>
</tr>
</tbody>
</table>

دموی این جدول

[aligoli 12]

درست و بی نقص ، عالی بود .

[amin.poorsaeed 26]

درست و بی نقص ، عالی بود .

داداش علیرضا قابل شمارو نداشت