تبلیغات :
ماهان سرور
آکوستیک ، فوم شانه تخم مرغی ، پنل صداگیر ، یونولیت
دستگاه جوجه کشی حرفه ای
فروش آنلاین لباس کودک
خرید فالوور ایرانی
خرید فالوور اینستاگرام
خرید ممبر تلگرام

[ + افزودن آگهی متنی جدید ]




صفحه 1 از 2 12 آخرآخر
نمايش نتايج 1 به 10 از 13

نام تاپيک: نمایش صحیح css در مرورگر هدف

  1. #1
    داره خودمونی میشه L E G E N D's Avatar
    تاريخ عضويت
    Jul 2008
    محل سكونت
    همينجا
    پست ها
    109

    14 نمایش صحیح css در مرورگر هدف

    سلام
    چطور میشه css ای فقط مخصوص ie یا هر مرورگری اختصاص داد؟
    منظورم اینه مثلا یه css کلی برای سایت دارم و می خوام این سایت تو مرورگر ie با یه تغییرات دیگه ای تو css جداگانه نشون داده بشه.
    چطور میتونم این css اختصاصی رو واسه یه مرورگر خاص تعریف کنم؟

  2. #2
    مدیر انجمن طراحی صفحات وب tabriz-info's Avatar
    تاريخ عضويت
    Jun 2006
    محل سكونت
    هالیکارناسوس
    پست ها
    4,277

    پيش فرض

    بالخره یه سوال درست حسابی دیدیم

    دوست من شما چند تا راه دارید ببینید کدوم راحتید انجام بدید

    یکیش اینه که از اسکریت جاوا اسکریپت استفاده کنید :‌ [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

    دومیش اینه که از browser ---- استفاده کنید سایت :‌ [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]


    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

    سومیش اینه که : از این کد ها استفاده کنید :

    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    چهارمیش اینه که از این مدل کدهای جاوا اسکریپت استفاده کنید :

    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    راه های دیگه ی زیادی هست که میشه از این راه ها پیدا کرد

  3. 3 کاربر از tabriz-info بخاطر این مطلب مفید تشکر کرده اند


  4. #3
    داره خودمونی میشه L E G E N D's Avatar
    تاريخ عضويت
    Jul 2008
    محل سكونت
    همينجا
    پست ها
    109

    پيش فرض

    چه عجب بعد 2 هفته یکی پیدا شد جواب بده!
    سایت خوابیده!
    دست درد نکنه خوب بود
    ولی بهتره برای اینایی که گفتی یه توضیحی هم میدادی دادا.
    مثلا کدوم یکی از اینا رو باید تو فایل html استفاده کرد؟ و کدوم برای فایل css هست و چطوری و کجای فایل باید استفاده بشن؟!
    کدوم برای کل فایله و کدوم فقط برای یک کلاس و id خاص؟
    چون مثلماً هر کدوم روش هایی برای استفاده دارن دیگه.

    به عنوان نمونه من منظور اینرو نفهمیدم یعنی چی؟:

    /* IE 7 and below */ *:first-child+html #dos { color: red }

    حالا که یه سؤال خوب دیدی ؛ یه جواب خوب هم بده دادا!

  5. #4
    حـــــرفـه ای eAmin's Avatar
    تاريخ عضويت
    Aug 2007
    محل سكونت
    Node.js
    پست ها
    2,259

    پيش فرض

    این بخش از فروم ۳ ساله خوابیده؛ دلیلش هم نپرسیدن سوالای درست و حسابیه!
    اون سایتهایی که معرفی شد هم خوب بود ها، مثلن همون بروزر هکس، خوب توضیح داده.

    موردهای ۱ و ۳ و ۴ که محمد معرفی کرد، برای کل فایل میتونه مورد استفاده قرار بگیره، یعنی می تونید یک فایل جداگانه برای مرورگرهای مختلف ایجاد کنید و فایل css آماده شده تون رو برای همون مرورگر موردنظرتون درنظر بگیرید. که سومی فقط برای ie کاربرد داره. ولی مورد دوم یکمی فرق میکنه مربوط به هکهای css میشه که بعضی از مرورگرها بدلیل درست پارس (parse) نکردن کدهای css ، میشه ازشون استفاده کرد که راه ها و کدهای مختلفی داره. بعضی هاشون رو میشه برای فقط یک calss یا id استفاده کرد و بعضی هاشون رو هم میشه برای چندین کلاس و مشخصه مختلف استفاده کرد. برای راهنمایی های بیشتر هم اون سایته خوبه در غیر اینصورت اینترنت پر از اینجور مباحث آموزشی هست.

    اون موردی که متوجه نشدی: این یجور سلکتور هست که فقط برای مرورگرهای IE7 به پایین مورد استفاده قرار میگیره. مثلن شما میخوای کلاس مثلن class. فقط توی ورژن های 7 به پایین IE بکگراندش قرمز باشه، میای و قبل کلاست این کد روی قرار میدی‌ "*:first-child+html" که بشه اینطوری:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    یک مورد دیگه که بنظرم خیلی خوب میتونه باشه برای این سوال شما استفاده از کتابخونه [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] هست. کافیه فایل این کتابخونه رو به مرورگرتون اضافه کنید و توی فایل css تون تصمیم بگیرید که چه کلاسی برای چه مرورگری باشه.

    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    آسونه نه؟
    Last edited by eAmin; 01-01-2014 at 18:28.

  6. این کاربر از eAmin بخاطر این مطلب مفید تشکر کرده است


  7. #5
    داره خودمونی میشه L E G E N D's Avatar
    تاريخ عضويت
    Jul 2008
    محل سكونت
    همينجا
    پست ها
    109

    پيش فرض

    پس من کار بزرگی کردم که بعد از 3 سال این قسمت رو از خواب درآوردم نه!!!؟!!!

    دستت هر دو تون درد نکنه مطالب مفیدی گفتید.
    تشکر

    گرچه من نفهمیدم منظورد ازز مورد 1 و 3 و 4 چی بود و کدوما بود ولی در کل ممنون، چیز یاد گرفتم.

  8. #6
    داره خودمونی میشه L E G E N D's Avatar
    تاريخ عضويت
    Jul 2008
    محل سكونت
    همينجا
    پست ها
    109

    پيش فرض

    دوستان چرا منوهای سایتمتو ie باز نمیشه؟!!!
    [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
    منوها فقط css و html هستن!!!
    مرورگر من IE8

  9. #7
    داره خودمونی میشه L E G E N D's Avatar
    تاريخ عضويت
    Jul 2008
    محل سكونت
    همينجا
    پست ها
    109

    پيش فرض

    بجه ها من میخوام تو این کلاس ؛ Margin-top رو فقط برای ie سفارشی کنم.

    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    هر چی که تو -- ها میدونستم انجام دادم ولی نشد که نشد. (نمونش همین دوتا که آخر کلاس نوشتم)
    می خوام فقط تو css این کار رو انجام بدم و فایل css جداگانه ای نمی خوام براش بسازم.
    نمونه ای هم بگید تا برای تمام مرورگرهای ie بدون در نظر گرفتن ورژن مرورگر اعمال بشه.
    چیکار کنم؟

  10. #8
    داره خودمونی میشه L E G E N D's Avatar
    تاريخ عضويت
    Jul 2008
    محل سكونت
    همينجا
    پست ها
    109

    پيش فرض

    راستی ورژن ie من 11 هست.
    همونی که با ویندوز 8 نصب میشه.
    ویندوز 8 دارم
    ولی با ie ویندوز7 هم امتحان کردم مشکل داشت اما -- CSS که یه _ قبل گزینه مورد نظر تو css روش کار کرد ولی رو ie 11 ویندوز 8 هرکار میکنم -- کار نمیکنه!!!
    کسی راه حلی داره؟

  11. #9
    حـــــرفـه ای eAmin's Avatar
    تاريخ عضويت
    Aug 2007
    محل سكونت
    Node.js
    پست ها
    2,259

    پيش فرض

    باید توجه کنید که css haacckk ها فقط توی برخی از نسخه ی مرورگرهای ie جواب میده و از ورژن ۹ به بعد اکثر این هکها جواب نمیده؛ دلیل واضحی هم داره مشکلات خواندن کدهای css در ورژنهای جدید برطرف شده و میشه. باید از روش های دیگه استفاده کنید. در ورژنهای جدید ie حداقل از ۱۰ به بعد دیگه نیازی به استفاده از هکهای css نیست‌. چون توی این ورژنها تقریبا استانداردها رعایت شده و همچنین مشکلهای قبلی برطرف. پس طبیعتا هم نباید جواب بده.
    همچنین Conditional comment ها هم از ورژن ۱۰ به بعد دیگه ساپورت نمیشن و کارایی در ورژن های بعد از این ندارن.

    اگر بخواید بصورتی که فقط توی ie 11 یه چیزی نشون داده بشه و تو ۱۰ یه چیزه دیگه و همینطور ۹ به پایین، باید برای ورژنهای جدید تر از JavaScript یا یکی از زبان های سمت سرور استفاده کنید... اما با توجه به اینکه فکر نمی کنم شما آشنایی لازم رو داشته باشید در نتیجه تا زمانی که شما این موارد یعنی زبانهای برنامه نویسی وب نامبرده رو یاد نگرفته باشید، اینکار برای شما امکان پذیر نیست و نمیتونید به تنهایی از عهده اش بر بیاید.

    راهنمایی هایی که باید بشه شده، بقیه اش رو خودتون باید دنبال کارای بعدیش باشید.

  12. این کاربر از eAmin بخاطر این مطلب مفید تشکر کرده است


  13. #10
    داره خودمونی میشه L E G E N D's Avatar
    تاريخ عضويت
    Jul 2008
    محل سكونت
    همينجا
    پست ها
    109

    پيش فرض

    برای اینکه بهتر بتونید کمکم کنید و منظورم رو متوجه بشید فکر کنم بهتره این صفحه رو با مرورگرهای مختلف و ie ورژن 11 نگاه کنید
    [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

    مشکل تو قسمت توضیحات محصوله
    همونطور که میبینید تو مرورگرهای دیگه توضیحات سر جای خودش قرار داره ولی تو ie11 میره پایین تر و یه فضای خالی ایجاد میکنه!
    Last edited by L E G E N D; 11-01-2014 at 17:09.

صفحه 1 از 2 12 آخرآخر

Thread Information

Users Browsing this Thread

هم اکنون 1 کاربر در حال مشاهده این تاپیک میباشد. (0 کاربر عضو شده و 1 مهمان)

User Tag List

قوانين ايجاد تاپيک در انجمن

  • شما نمی توانید تاپیک ایحاد کنید
  • شما نمی توانید پاسخی ارسال کنید
  • شما نمی توانید فایل پیوست کنید
  • شما نمی توانید پاسخ خود را ویرایش کنید
  •