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

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


لینک به پست

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


.more {
right:0;
}

باید تبدیل به


.more {
left:0 !important;
}

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


.more
right:auto;
left:0;
}

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

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


لینک به پست

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

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

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


لینک به پست

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

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

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

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


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

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

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


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