سوال درباره اعمال رنگ

شروع موضوع توسط sarabb ‏1 دسامبر 2012 در انجمن نرم‌افزارهای توسعه‌وب‌سایت (Sublime, VSCode و ...)

  1. sarabb

    sarabb New Member

    ارسال‌ها:
    24
    تشکر شده:
    7
    امتیاز دستاورد:
    1
    سلام.
    من برای طراحی یه قالب با مشکل مواجه شدم.
    من برای تگ بادی برای بکگراندش یه رنگ گزاشتم.
    حالا یه تو سی اس اس یه آی دی میسازم با نام main و برای بکگراند این آی دی هم یک رنگ دیگه میزارم.
    وقتی یه دی آی وی رو با آی دی main تو بادی میزارم مشکلی نیست ولی اگر یه دی آی وی دیگه بزارم تو main، رنگ mian نشون داده نمشه!!!!:-?
    در واقع وقتی سه تا DIV تو هم قرار میگیرن ، وسطی رنگش نشون داده نمیشه!
    نمیدونم تونستم منظورمو برسونم یا نه ؟!!!
    اگر امکانش هست راهنماییم کنید.
     
    آخرین ویرایش: ‏1 دسامبر 2012
    نوشته شده توسط sarabb در ‏1 دسامبر 2012
  2. vahidd.com

    vahidd.com Member

    ارسال‌ها:
    249
    تشکر شده:
    211
    امتیاز دستاورد:
    16
    کدتون رو قرار بدید.
     
    نوشته شده توسط vahidd.com در ‏8 دسامبر 2012
    sarabb از این پست تشکر کرده است.
  3. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,375
    تشکر شده:
    3,833
    امتیاز دستاورد:
    113
    درود
    هر 3 div یک سایز دارند؟
     
    نوشته شده توسط echessdesign در ‏9 دسامبر 2012
    sarabb از این پست تشکر کرده است.
  4. sarabb

    sarabb New Member

    ارسال‌ها:
    24
    تشکر شده:
    7
    امتیاز دستاورد:
    1
    کد هایی که توی سی اس اس به کار بردم :

    [CSSS]body {
    background-image: url(../image/noise.png);
    font-family:tahoma , Georgia, serif;
    color: #555;
    font-size: 12px;
    line-height: normal;
    background-color: #AAA;
    direction: rtl;
    }[/CSSS]

    [CSSS]#main {
    background-color:#DDD ;
    box-shadow: inset 0 0 5px #666;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    margin: 0 auto;
    padding: 0px;
    width: 960px;
    direction: rtl;
    text-align: right;
    background-image: url(../image/main.JPG);
    background-repeat: repeat;
    background: url(../image/main.JPG) repeat;
    }

    [/CSSS]

    [CSSS]
    #box-r1 {
    background-color:#DDD ;
    box-shadow: inset 0 0 10px #666;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    text-align:right;
    padding:15px;
    border: 1px solid #A39DA6;
    }[/CSSS]


    وقتی از این سه آی دی برای سه دایو تو در تو استفاده میکردم رنگ مربوط به دایو وسط اعمال نمیشد!
    به عبارتی فقط رنگ بادی و box-r1 اعمال میشدند و رنگ یا ایمیجی که به main میدادم اعمال نمیشد!
     
    نوشته شده توسط sarabb در ‏21 دسامبر 2012
  5. sarabb

    sarabb New Member

    ارسال‌ها:
    24
    تشکر شده:
    7
    امتیاز دستاورد:
    1
    اینم از عکس صفحه مربوطه :


    [​IMG]
     
    نوشته شده توسط sarabb در ‏21 دسامبر 2012
  6. websaz2012

    websaz2012 Member

    ارسال‌ها:
    198
    تشکر شده:
    259
    امتیاز دستاورد:
    16
    خوب دوست عزیز اگه شما به یک ایدی عرض ندهید عرض ان برابر با عرض مادرش خواهد بود یعنی عرض ایدی box-rl دقیقا برابر با عرض main خواهد بود جوری که اون را کاملا خواهد پوشاند پس عرض ایدی box-r1 را کمتر از ایدی main قرار دهید یعنی کمتر از 960 یا به به ایدی main شما padding دهید .همین
    :lol:
     
    نوشته شده توسط websaz2012 در ‏12 ژانویه 2013
    sarabb از این پست تشکر کرده است.
  7. sarabb

    sarabb New Member

    ارسال‌ها:
    24
    تشکر شده:
    7
    امتیاز دستاورد:
    1
    درود بر کاربر websaz2012 ( آقا محسن)
    ممنون که وقت گزاشتید.
    آقا ، من کدهارو کامل نزاشتم ، وگرنه این چیزی که شما میگی رعایت کردم.
    این عکسو ببینید :
    [​IMG]

    در واقع main 960 پیکسل هست که همون کادر قرمز رنگ میشه.
    box-r1 هم کادری هست که سبزه.
    .
    من میخام این رنگ main عوض کنم که نمیشه.
    وگرنه رنگ کادرهای سمت چپ و راست که توی mainهستند سفید هست.
    منظورمو رسوندم ؟!!!:eye:
    استاد اینجوری نخند ، ناامید میشم:green:
     
    نوشته شده توسط sarabb در ‏13 ژانویه 2013
  8. websaz2012

    websaz2012 Member

    ارسال‌ها:
    198
    تشکر شده:
    259
    امتیاز دستاورد:
    16
    دوست عزیز اینجوری کسی نمینونه کمکت کنه تنها راهش اینه که ادرس سایتتو بم بده تا مشکلتو حل کنم یا کد کامل html و css را بصورت پیام شخصی بهم ارسال کن تا مشکلتو حل کنم ......
    در ضمن منظور بدی از خندم نداشتم
    فقط مزاح بــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــود!!!!!!!!!!!!!!!!!!!
     
    نوشته شده توسط websaz2012 در ‏14 ژانویه 2013
    sarabb از این پست تشکر کرده است.
  9. websaz2012

    websaz2012 Member

    ارسال‌ها:
    198
    تشکر شده:
    259
    امتیاز دستاورد:
    16
    ولی من به یه چیزی شک کردم که شاید رعایت نکرده باشی

    اینه!!!!

    به طور کلی وقتی چند دیو وارد یک دیو مادر میشوند در حالی که این دیوهای فرزند خاصیت float داشته باشند دیو مادر مخفی میشود جوری که رنگ پس زمینه ان را مشاهده نمی کنید
    برای حل مشکل:

    3 راه به ذهنم میرسه

    1.بعد از اخرین فرزند یک کلاس به نام clear وارد کنید و استایل زیر را هم توی فایل استایل خود وارد کنید

    [CSSS].clear{ clear:both; }[/CSSS]

    2.به ایدی مادر که همون main است یک کلاس به نام clearfix اضافه کن
    مثل این


    [HTMLS]<div id="main" class="clearfix"></div>[/HTMLS]

    که در اینصورت استایل زیر را تو فایلت اضافه کن
    [CSSS]
    .clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
    *:first-child+html .clearfix{min-height:1px;}[/CSSS]

    3.این راهو پیشنهاد نمیکنم پس بیان هم نمیکنم پیشنهاد من راه دوم است در کل از هر کدوم را رفتی باید این کلاسها رو به استایلت اضافه کن

    [CSSS].clear{ clear:both; }
    .clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
    *:first-child+html .clearfix{min-height:1px;}[/CSSS]

    اگه بازم مشکلت حل نشد همون کاری که بالا گفتمو انجام بده یعنی بم send کن!!!!

    by.............
     
    نوشته شده توسط websaz2012 در ‏14 ژانویه 2013
    sarabb و farik از این پست تشکر کرده اند.
  10. sarabb

    sarabb New Member

    ارسال‌ها:
    24
    تشکر شده:
    7
    امتیاز دستاورد:
    1
    :) درست شد :)
    مرسیــــــــــــــــ
    اول راه دومو رفتم. درست نشد.
    بعد راه اولو رفتم درست شد.
    :rose: ممنون استاد :rose:
     
    نوشته شده توسط sarabb در ‏14 ژانویه 2013
  11. websaz2012

    websaz2012 Member

    ارسال‌ها:
    198
    تشکر شده:
    259
    امتیاز دستاورد:
    16
    قابلی نداشت داش!!!
     
    نوشته شده توسط websaz2012 در ‏15 ژانویه 2013

به اشتراک بگذارید