webmaster

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

4 پست در این موضوع قرار دارد

با سلام

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


.more {
right:0;
}

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

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


.more {
left:0 !important;
}

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

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


right: 680px !important ;

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

تشکر

ویرایش شده در توسط webmaster
0

به اشتراک گذاری این پست


لینک به پست

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


right: auto;

1

به اشتراک گذاری این پست


لینک به پست

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


.more {
right:0;
}

باید تبدیل به


.more {
left:0 !important;
}

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


.more
right:auto;
left:0;
}

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

1

به اشتراک گذاری این پست


لینک به پست

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

برای کد زیر به چه صورت باید داخل 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 نخوند.

ویرایش شده در توسط webmaster
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری