سوال در رابطه با rtl.css

[webmaster 55]

با سلام

دوستان زمانی که در استایل اصلی قالب انگلسی که قصد راستچین کردن داریم ، یک دکمه استایلی به شکل زیر دارد و سمت راست قرار گرفته است:

.more {
right:0;
}

حال در rtl.css قصد داریم این رو تغییر بدیم به left:33px;

میایم میزنیم :

.more {
left:0 !important;
}

اما از آنجا که اول استایل اصلی رو خونده دیگه این left اثری نمیکنه.

از طرفی چون قالب ریسپانسیو هست نمیشه با همون right کار کرد یعنی مثلا بیاییم بزنم:

right: 680px !important ;

حالا سوال من اینکه چطوری در rtl.css اون right:0; که در استایل اصلی هست رو خنثی کنیم که تاثیر نداشته باشه. ( به جز پاک کردن از استایل اصلی )

تشکر

ویرایش شده اردیبهشت 93 توسط webmaster

[One 77]

میتونید در rtl.css از کد زیر استفاده کنید تا right:0; خنثی بشه

right: auto;

[سعید شعبانی 2047]

خوب اول اینکه راست چین کردن یک قالب با قالب دیگه ممکن هست فرق داشته باشه. اگر واقعا

.more {
right:0;
}

باید تبدیل به

.more {
left:0 !important;
}

بشه بهتر هست به شکل زیر باشه.

.more
right:auto;
left:0;
}

بعد اگر قالب ریسپانسیو هم بود یعنی مثلا در یک اندازه خاصی لازم بود تا این استایل تغییر کنه می تونید از مدیا کوئری ها در آخر فایل rtl.css استفاده کنید تا تمامی استایل ها قبلی را خنثی کنه.

[webmaster 55]

مرسی از دوستان

برای کد زیر به چه صورت باید داخل rtl تعریف کرد :

#footer .column1 a{
background: url("../image/footer-link.png") no-repeat scroll left 10px rgba(0, 0, 0, 0) ;
padding-left: 15px;
}

قسمت بکگراند باید right بشه و padding-right:15px; یعنی به اینصورت میخوام :

#footer .column1 a{
background: url("../image/footer-link.png") no-repeat scroll right 10px rgba(0, 0, 0, 0);
padding-right: 15px !important;
padding-left: 0 !important;
}

هر کاری کردم اصلا این خط رو از rtl.css نخوند.

ویرایش شده اردیبهشت 93 توسط webmaster