چگونه جدولم را در صفحه چپ چین کنم ؟

[hichkas62]

با سلام

من یک جدول در صفحه زیر ساخته ام . می خواهم اما نوشته های جدول از چپ به راست نیست. با این که در مدیریت این کار را انجام داده ام.

چگونه می توانم این مورد را درست کنم ؟

لینک ها تنها برای اعضای سایت قابل نمایش است.

در حال حاضر به صورت زیر است.

سپاس

<table dir="rtl" border="0" width="853" cellspacing="0" cellpadding="0"><colgroup><col width="459" /><col width="394" /></colgroup><tbody><tr><td class="xl65" dir="ltr" width="459" height="19">Pack 1 – DVD 1</td><td class="xl65" dir="ltr" width="394">Pack 1 – DVD 5</td></tr><tr><td class="xl65" dir="ltr" height="19">3D Book </td><td class="xl65" dir="ltr">Dimensions </td></tr><tr><td class="xl65" dir="ltr" height="19">3D CD Cover </td><td class="xl65" dir="ltr">Disc Logo Intro </td></tr><tr><td class="xl65" dir="ltr" height="19">3D City animation </td><td class="xl65" dir="ltr">Disco Opener Project Full HD </td></tr><tr><td class="xl65" dir="ltr" height="19">3D Crystal Glas Text v2 </td><td class="xl65" dir="ltr">Disco Style </td></tr><tr><td class="xl65" dir="ltr" height="19">3D DVD Cover </td><td class="xl65" dir="ltr">Don’t Stop The Music </td></tr><tr><td class="xl65" dir="ltr" height="19">3D Graphs Pack </td><td class="xl65" dir="ltr">Dream Scene </td></tr><tr><td class="xl65" dir="ltr" height="19">3D Identity </td><td class="xl65" dir="ltr">Drop n Shatter </td></tr><tr><td class="xl65" dir="ltr" height="19">3D Laptop animation bundle </td><td class="xl65" dir="ltr">Dynamo Logo </td></tr><tr><td class="xl65" dir="ltr" height="19"> </td><td class="xl65" dir="ltr"> </td></tr></tbody></table>

 

[caduspro]

درود بر شما،

این کلاس جدول مورد نظر شما را راست چین کرده است:

.rtl caption, .rtl th, .rtl td { text-align: right;}برای ویرایش فایل global.css را باز کنید و در خط 7825 right را به left تغییر دهید. یا بهتر است آن را پاک کنید

 

[hichkas62]

درود بر شما،

این کلاس جدول مورد نظر شما را راست چین کرده است:

.rtl caption, .rtl th, .rtl td { text-align: right;}برای ویرایش فایل global.css را باز کنید و در خط 7825 right را به left تغییر دهید. یا بهتر است آن را پاک کنید

سپاس از شما

آنچنان با دقت جواب دادید که من را شگفت زده کردید.

 

[hichkas62]

سلام مجدد

از دستور شما در فروشگاه زیر استفاده کردم. جدول به خوبی نمایش داده می شود اما مشکلم انجاست که جدول ویژگیها در این فروشگاه متفاوت از فروشگاه قبل است. پس از تغییر فوق جدول ویزگیهام بهم ریخت به طوریکه نوشته ها در گوشه سمت چپ قرار می گیرد. آیا راهی دارم که این مشکلم حل بشود.

سپاس

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

[Mehr@ban]

سلام

کلاس زیر رو پیدا کنید در فایل all.css

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video


و عبارت زیر رو بهش اضافه کنید

text-align: right !important;

 

[caduspro]

سلام مجدد

از دستور شما در فروشگاه زیر استفاده کردم. جدول به خوبی نمایش داده می شود اما مشکلم انجاست که جدول ویژگیها در این فروشگاه متفاوت از فروشگاه قبل است. پس از تغییر فوق جدول ویزگیهام بهم ریخت به طوریکه نوشته ها در گوشه سمت چپ قرار می گیرد. آیا راهی دارم که این مشکلم حل بشود.

سپاس

لینک ها تنها برای اعضای سایت قابل نمایش است.

درود بر شما،

کلاس زیر را در فایل های css بیابید و left را به right تغییر دهید.

.rtl caption, .rtl th, .rtl td {
    text-align: left;
}

 

[hichkas62]

سلام

کلاس زیر رو پیدا کنید در فایل all.css

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video


و عبارت زیر رو بهش اضافه کنید

text-align: right !important;

یه فایل دارم به نام global.css . دقیقا این بخش را به کجاش اضافه کنم.

من اینجوری اضافه کردم اما تاثیری نداشت 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
text-align: right !important;{
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

 

[Mehr@ban]

نه اینجوری اصلاح کنید:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  text-align: right !important;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

 

[hichkas62]

نه اینجوری اصلاح کنید:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
text-align: right !important;
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}

اما دوباره مشکل اولم پیش اومد.یعنی نوشته های جدولی که در توضیحات بیشتر اومده از چپ به راست نیست .

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

لینک ها تنها برای اعضای سایت قابل نمایش است.

یعنی می خوام هم جدول ویژگیهام نظم داشته باشه و هم جدولی که در توضیحات میارم.

سپاس

 

[Mohammad]

این کد رو تست کنید

.page-product-box table {direction:ltr;}

 

[hichkas62]

این کد رو تست کنید

.page-product-box table {direction:ltr;}

درود

این کد را دقیقا در کجا قرار بدهم ؟

 

[Mohammad]

اگر فایل rtl.css دارید در انتهای فایل

 

[hichkas62]

در انتهای هر دو فایل global.css  و rtl.css اضافه کردم اما توفیقی نکرد.

 

[caduspro]

برای چپ چین کردن جدول موجود در توضیحات کلاس زیر را به یکی از فایل های css اضافه کنید (ترجیحن به rtl.css)

.rtl .rte caption, .rtl .rte th, .rtl .rte td {
    text-align: left !important;
}

 

[hichkas62]

.rtl .rte caption, .rtl .rte th, .rtl .rte td { text-align: left !important; }

با سلام

سپاس از شما

مشکل هر دو جدول حل شده اما الان مشکلم اینه که نوشته های من فقط راست چین می شوند نه چپ چین و نه وسط چین 

 

[caduspro]

در چند گفته پیشین دستوری را در فایل global.css ویرایش کردید، گزینه زیر را از آن پاک کنید:

text-align: right !important;




به طور کلی دستور زیر

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
text-align: right !important;
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}


به این کد تغییر کند:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}




مشکل برطرف خواهد شد

 

[hichkas62]

در چند گفته پیشین دستوری را در فایل global.css ویرایش کردید، گزینه زیر را از آن پاک کنید:

text-align: right !important;




به طور کلی دستور زیر

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
text-align: right !important;
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}


به این کد تغییر کند:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}




مشکل برطرف خواهد شد

سپاس

اما با عوض کردن دوباره جدول ویژگیهایم بهم ریخته می شود.

یعنی راهی ندارم که هم جدول ویژگیها و هم جدول موجود در توضیحات و هم توضیحات انگلیسی من مرتب شود ؟

 

[caduspro]

خیر نباید مشکلی با دستورهایی که من به شما دادم پیش بیاید.

تمامی موارد به شکل زیر بود:

1. برای راست چین سازی جدول ویژگی ها از دستور زیر باید استفاده شود:

.rtl caption, .rtl th, .rtl td {
text-align: right;
}


2. برای چپ چین کردن جدول موجود در توضیحات محصول هم از کد زیر باید استفاده کرد:

.rtl .rte caption, .rtl .rte th, .rtl .rte td {
text-align: left;
}


3.  نوشته ها را هم می توانید با گزینه استایل دهی راست چین، وسط چین یا چپ چین کنید. به گونه پیش فرض راست چین خواهند بود.

نکته که خدمت شما ارز کنم این است که نباید در استفاده از دستور important زیاده روی کرد. راست چین سازی قالب بگونه استاندارد انجام نشده است و در اینگونه موارد برای شما مشکلاتی را ایجاد می کند. اما با توجه به دو مرحله یاد شده درخواست های شما به نتیجه مطلوب خواهد رسید. مگر اینکه از دو دستور با الویت دستور جدیدتر استفاده شده باشد که باید جستجو کنید و دستور بی مورد را پاک کنید.

 

[hichkas62]

خیر نباید مشکلی با دستورهایی که من به شما دادم پیش بیاید.

تمامی موارد به شکل زیر بود:

1. برای راست چین سازی جدول ویژگی ها از دستور زیر باید استفاده شود:

.rtl caption, .rtl th, .rtl td {
text-align: right;
}


2. برای چپ چین کردن جدول موجود در توضیحات محصول هم از کد زیر باید استفاده کرد:

.rtl .rte caption, .rtl .rte th, .rtl .rte td {
text-align: left;
}


3.  نوشته ها را هم می توانید با گزینه استایل دهی راست چین، وسط چین یا چپ چین کنید. به گونه پیش فرض راست چین خواهند بود.

نکته که خدمت شما ارز کنم این است که نباید در استفاده از دستور important زیاده روی کرد. راست چین سازی قالب بگونه استاندارد انجام نشده است و در اینگونه موارد برای شما مشکلاتی را ایجاد می کند. اما با توجه به دو مرحله یاد شده درخواست های شما به نتیجه مطلوب خواهد رسید. مگر اینکه از دو دستور با الویت دستور جدیدتر استفاده شده باشد که باید جستجو کنید و دستور بی مورد را پاک کنید.

سپاس از شما

با راهنمایی دوباره شما مشکلم حل شد.

آیا راهی هم دارم درست نشان دادن پرانتز آخر و اعداد اول دارم یا نه ؟

چون مثلا در آخر عبارت از پرانتز استفاده می کنم به صورت " Baby Einstein  - Baby Santa's Music Box ( 2004) " در سایت نمایش داده می شود.

و یا وقتی در ابتدای جملات از عبارت 1. یا - 2 استفاده می کنم اعداد به آخر سطر در نمایش می رود.

" 2. Baby Einstein 2007 - Baby's First Sounds - Discoveries for Little Ears  " یا " 1 - Baby Einstein 2007 - Lullaby Time "