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

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




نمايش نتايج 1 به 7 از 7

نام تاپيک: مشکل با طراحی یک قالب با css

  1. #1
    داره خودمونی میشه
    تاريخ عضويت
    Feb 2007
    پست ها
    99

    پيش فرض مشکل با طراحی یک قالب با css

    سلام
    من می خوام یه سایت شبیه به این عکس پایین رو با CSS بنویسم، ولی هر بار یه جاش میلنگه! دیگه کلافه شدم مخصوصا تو IE6 که هر بار یه جور نشون میده؛ این بود که گفتم بیام اینجا مطرح کنم، شاید فرجی شد!

    این رو هم اضافه کنم که:
    1 , 3 , 5 , 7 = تک عکس
    2 , 6 = عکس با repeat-x
    4 , 8 = عکس با repeat-y
    9 = عکس background



  2. #2
    اگه نباشه جاش خالی می مونه TemplateMonster's Avatar
    تاريخ عضويت
    Mar 2007
    پست ها
    416

    پيش فرض

    عکسی که گذاشتی نمیاد. لطفاً تصحیحش کن. یه خورده هم بیشتر توضیح بده!

  3. #3
    داره خودمونی میشه
    تاريخ عضويت
    Feb 2007
    پست ها
    99

    پيش فرض

    عکس که مشکلی نداره! ولی خوب بازم میذارم.
    توضیح بیشتر: در واقع این فرم بدنه اصلی سایت رو تشکیل میده که همه عناصر به غیر از (9) به همون صورتی که بالا گفتم در جای خوشون قرار میگیرن؛ و قسمت (9) هم محتوای اصلی سایت رو تو خودش جای میده. بخش های 1،3،5و7 دارای طول و عرض ثابت؛ بخش های 2و6 دارای طول ثابت و عرض متناسب با صفحه و نهایتا 4و8 هم دارای عرض ثابت و طول متناسب با متن هستند؛ ناگفته پیداست که قسمت 9 با 4و8 در رابطه هستند (البته از لحاظ طول - وابسته به متن و محتوای داخل (9))
    شاید یه خورده منو پر توقع فرض کنید که این همه چیز رو یکجا میخوام! ولی خوب هر بار که cssاش رو می نویسم، یه جاش که هیچ چند جاش میلنگه! البته با table مشکل رو حل کردم؛ ولی میخوام با css باشه؟!





  4. #4
    اگه نباشه جاش خالی می مونه TemplateMonster's Avatar
    تاريخ عضويت
    Mar 2007
    پست ها
    416

    پيش فرض

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

  5. 2 کاربر از TemplateMonster بخاطر این مطلب مفید تشکر کرده اند


  6. #5
    داره خودمونی میشه
    تاريخ عضويت
    Feb 2007
    پست ها
    99

    پيش فرض

    سلام
    واقعا از کمکتون ممنونم.

    ولی هنوز چند تا مشکل دارم که برطرف نشده:

    1. dreamweaver به min-height گیر میده! واقعا لازمه که باشه؟!
    2. height: 500px رو چطور به حالتی در بیارم که هم تو IE و هم FireFox & Opera بدون مشکل نشون بده؟ (یعنی تا انتهای متن وارد شده نشونش بده و بعدش دیگه نه؛ به عبارتی به طور متناسبی متغیر باشه، یه جا 100px و جای دیگه 900px) مشکل با inherit و auto حل نمیشه؟!
    3. بین قسمت های header و content ، موقعی که از <p> توی content استفاده می کنم، یه فاصله ایی برابر با line-height بین این دو تا میافته (توی IE مشکلی نیست ولی با FireFox مشکل دارم!) البته این موضوع رو میشه با قرار دادن margin-top: -??px به ظاهر حل کرد (?? = line-height) ؛ اما مشکل اینجاست که وقتی مقیاس بزرگ باشه (مثلا کل صفحه) میشه کاری کرد که خودشو نشون نده، ولی موقعی که میخوام از همین استایل برای یه باکس کوچیک استفاده کنم خوب معلومه چی میشه دیگه: ضایع!
    4. یه سوال: این page-wrap چی کاره بود این وسط؟ میتونم این طور بگم که در واقع این مورد همون عرض باکس و یا کلی صفحه ایی با همین استایل تعریف شده است؟

    بازم جا داره از توجهتون تشکر کنم.

  7. #6
    اگه نباشه جاش خالی می مونه TemplateMonster's Avatar
    تاريخ عضويت
    Mar 2007
    پست ها
    416

    پيش فرض

    1 و 2: IE خصوصیت min-height رو نمی‌شناسه و فایرفاکس هم اگه height رو تعیین کنی و محتوا از اون حد بیشتر شد، محتوا رو برش می‌ده.از هر دوی این خصوصیت‌ها با هم استفاده شده تا هر دو برای هر دو مرورگر مشکلی نباشه.
    3: چرا میخواید یه تگ p اون‌جا بذارید؟ برای نشون دادن اون تگ یه فضای خالی بین اون دو تا میوفته،این طبیعیه، می‌خواید اصلاً نمایشش ندید ولی اون‌جا باشه؟ display:none رو بهش بدید.
    4: این نگه‌دارنده کل محتویات صفحه بود. اگه خواستید به‌جای این‌که قالب‌تون حالت liquid باشه یعنی به اندازه صفحه کش بیاد (هرچند الان این‌جوری مرسوم نیست)، مقدار طولشو به درصد می‌دید و اگه خواستید اندازه‌ش ثابت باشه به پیکسل مقدارو مشخص می‌کنید. خوبیش اینه که الان که یه نگهدارنده داریم می‌تونیم کل محتویات صفحه رو وسط پنجره نمایش بدیم (تکنیک margin: 0 auto)

    خواهش می‌کنم خوشحالم مفید واقع شد.

  8. 2 کاربر از TemplateMonster بخاطر این مطلب مفید تشکر کرده اند


  9. #7
    در آغاز فعالیت mab designer's Avatar
    تاريخ عضويت
    Feb 2009
    محل سكونت
    تهران
    پست ها
    8

    پيش فرض

    2. height: 500px رو چطور به حالتی در بیارم که هم تو IE و هم FireFox & Opera بدون مشکل نشون بده؟ (یعنی تا انتهای متن وارد شده نشونش بده و بعدش دیگه نه؛ به عبارتی به طور متناسبی متغیر باشه، یه جا 100px و جای دیگه 900px) مشکل با inherit و auto حل نمیشه؟!
    سلام...دوست عزیز شما همونطور که خودت گفتی میتونی از
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    استفاده کنی و این خاصیت رو هم بهتره در کنار هر کردو از این دیو ها داشته باشی تا مشکلی پیش نیاد

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

  10. این کاربر از mab designer بخاطر این مطلب مفید تشکر کرده است


Thread Information

Users Browsing this Thread

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

User Tag List

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

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