رفتن به مطلب

مشکل با rtl عناصر در css


پست های پیشنهاد شده

سلام

من برای هر یک از عناصر وب سایتم دستور rtl رو اعمال کردم

ولی نمیدونم چرا تو مرورگر های گوگل کروم و اکسپلور درست نمایش نمیده

ولی تو فایر فاکس درست کار میکنه !

مثلا توی تب جستجوی پیشرفته ، قسمت آپارتمان که تو مرورگر های کروم و اکسپلور از چپ به راست نمایش میده

باید چیکار کنم تا این مشکلم برطرف بشه؟؟!!

لینک سایت:

http://wpu.ir/ja8po

لینک به ارسال

ببینید من یکیشو تست کردم جواب داد.شما به جای دستور rtl که میاد چیدمان داخل تگ رو تغییر میده باشد از float استفاده کنید.

هر جا هم left:0 دیدین پاکش کنید. و گاها دستور position رو تغییر بدین یا پاک کنید ( تست کنید متوجه میشید )

مثلا برای نمونه اون دکمه اطلاعات بیشتر آبی رنگ در اسلایدر صفحه اصلی استایلش اینه (در فایل Main.css) :

  • .slide-description .know-more {
  • text-decoration: none;
  • font-family:YEKAN,Roboto,Helvetica,Arial,sans-serif;
  • position: absolute;
  • bottom: -34px;
  • left: 0;
  • display: inline-block;
  • background-color: #37b3d9;
  • padding: 6px 13px 8px;
  • font-size: 13px;
  • color: #fff;
  • }

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


.slide-description .know-more {
text-decoration: none;
font-family: YEKAN,Roboto,Helvetica,Arial,sans-serif;
bottom: -34px;
float: right;
display: inline-block;
background-color: #37b3d9;
padding: 6px 13px 8px;
font-size: 13px;
color: #fff;
}

موفق باشید

ویرایش شده توسط thinkdiff
لینک به ارسال

یعنی شما منظورتون اینه که تمامی rtl ، left:0 ، position ها رو تو تمام فایل های CSS حذف کنم و بجاش از دستور float استفاده کنم؟

با این کار مشکل نمایش در مرورگر های کروم و اکسپور حل میشه؟؟

لینک به ارسال

بله

دوست عزیز بی زحمت همون مثالی رو که در مورد دکمه اطلاعات بیشتر زدید رو توی این لینک دوباره بفرمایید و تغییرات رو اعمال کنید

http://wpu.ir/hy4gm

این دفعه این تغییرات مربوط میشه به فیلدها (نمیدونم با اون مسائلی شما فرمودید یکی هست یا خیر)

پیشاپیش از کمکتون کمال تشکر را دارم

سپاس

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...