یه مشکل با کد css

شروع موضوع توسط overcrash ‏9 ژانویه 2006 در انجمن مسایل عمومی طراحی و توسعه‌وب

  1. overcrash

    overcrash Active Member

    ارسال‌ها:
    653
    تشکر شده:
    39
    امتیاز دستاورد:
    28
    یکی منو نجات بده :sad:
    این کدهارو نگاه کنید و به من بگین چرا نوار نارنجی رنگ از نوار آبی رنگ فاصله گرفته؟
    و چجوری درست میشه؟ (دقت کنید که میخوام نوار نارنجی بقیه عرض صفحه رو پر کنه)
    HTML:
    .order{
        background-color: #CCDEFD;
        width: 100%;
    }
    .order .price{
        background-color: #000099;
        height: 150px;
        width: 165px;
        float: left;
    }
    .order .title {
        background-color: #FF6600;
        height: 20px;
        margin-left: 165px;
    }
    --------------------------------------------------
    <div class="order">
    <div class="price" style="position: relative">price</div>
    <div class="title">title</div>
    </div>
     
    (درضمن این کد میتونه واسه خیلیها آموزنده باشه :wink: )
     
    نوشته شده توسط overcrash در ‏9 ژانویه 2006
  2. Ali_ix

    Ali_ix Active Member

    ارسال‌ها:
    1,766
    تشکر شده:
    377
    امتیاز دستاورد:
    36
    اول از همه Selector]اتون درست کنید ..
    بعید میدونم همچین Selectorهای به شکل .order .title باشه ..
    اگر امکانش هست همین فایلتونم جایی روی وب بزارید تا بشه در عمل دید یا عکسی از صفحه بندازید.
     
    نوشته شده توسط Ali_ix در ‏9 ژانویه 2006
  3. webdesigner2020

    webdesigner2020 Member

    ارسال‌ها:
    38
    تشکر شده:
    7
    امتیاز دستاورد:
    6
    از اين استفاده كن :

    [LTR]<style>
    .order{
    background-color: #CCDEFD;
    width: 100%;
    }
    .price{
    background-color: #000099;
    height: 150px;
    width:145px;
    float:left;
    margin:0px;
    }
    .title {
    background-color: #FF6600;
    height: 20px;
    width:578;
    float:right;
    }
    </style>
    --------------------------------------------------
    <div class="order">
    <div class="price">price</div>
    <div class="title">title</div>
    </div>[/LTR]
     
    نوشته شده توسط webdesigner2020 در ‏9 ژانویه 2006
  4. overcrash

    overcrash Active Member

    ارسال‌ها:
    653
    تشکر شده:
    39
    امتیاز دستاورد:
    28
    مشکل رفع شد.

    واسه همین گفتم میتونه آموزنده باشه:cool:
     
    نوشته شده توسط overcrash در ‏10 ژانویه 2006
  5. overcrash

    overcrash Active Member

    ارسال‌ها:
    653
    تشکر شده:
    39
    امتیاز دستاورد:
    28
    چجوری میشه با کد css یک فرم درست کرد؟
    من تا الان با table فرمهامو درست میکردم خیلی راحت
    حالا میخوام بدونم با css چجوری میشه؟ کسی اگه بلد هست و یا نمونه ای داره ممنون میشم.
    درضمن سرعت باز شدن سایت با css خیلی به یه سایت معمولی فرق میکنه؟! (نظر تخصصی میخوام )
     
    نوشته شده توسط overcrash در ‏11 ژانویه 2006
  6. Ali_ix

    Ali_ix Active Member

    ارسال‌ها:
    1,766
    تشکر شده:
    377
    امتیاز دستاورد:
    36
    اینو ببین خوبه : http://weblog.falatooni.com/all-about-css/

    اینم برای سوال آخرت : http://www.ashoob.net/kaveh/?id=285

    برای فرم هم چیزی الان دم دست نبود برای نمونه .. ولی سادست ..میتونی Labelها و Inputها رو با Float معلق کنی و رو بروی هم قرار بدی ..
    میتونی هر جفت Labe - Input رو داخل یک Div بذاری و ...
     
    نوشته شده توسط Ali_ix در ‏11 ژانویه 2006
  7. overcrash

    overcrash Active Member

    ارسال‌ها:
    653
    تشکر شده:
    39
    امتیاز دستاورد:
    28
    ممنون از لینکها
    میبینم حتما
     
    نوشته شده توسط overcrash در ‏11 ژانویه 2006
  8. overcrash

    overcrash Active Member

    ارسال‌ها:
    653
    تشکر شده:
    39
    امتیاز دستاورد:
    28
    بازم یه مشکل
    به این نمونه نگاه کنید:
    http://www.intensivstation.ch/files/en_templates/temp06.html
    چجوری میتونم اون لایه چپ تا آخر صفحه ادامه بدم ( مثلا height:100%)
    -------
    یه صفحه دارم کو وسط صفحه قسمت اصلی سایت هست و دوطرف چپ و راست یه عکس(حاشیه) هست که میخوام تا آخر صفحه باشه! ولی نتونستم کاری کنم که بدون متن تا آخر صفحه ادامه داشته باشه!
    اگه هم نفهمیدید اینجارو ببینید. میهوام با css درستش کنم ;)
     
    نوشته شده توسط overcrash در ‏19 ژانویه 2006
  9. overcrash

    overcrash Active Member

    ارسال‌ها:
    653
    تشکر شده:
    39
    امتیاز دستاورد:
    28
    کسی نیست بلد باشه؟!
    این css خیلی ناشناخته مونده تو ایران
     
    نوشته شده توسط overcrash در ‏20 ژانویه 2006
  10. Ali_ix

    Ali_ix Active Member

    ارسال‌ها:
    1,766
    تشکر شده:
    377
    امتیاز دستاورد:
    36
    باید از بکگراند عکسی برای بلوک اصلی استفاده کنید..
    که در واقع بلوکهای کناری به اون اندازه کش نیومدند .. ولی ن بکگراند تا پایین ادامه داره اینطور به نظر میاد ;)
     
    نوشته شده توسط Ali_ix در ‏20 ژانویه 2006
  11. overcrash

    overcrash Active Member

    ارسال‌ها:
    653
    تشکر شده:
    39
    امتیاز دستاورد:
    28
    اگه منظورت فهمیده باشم اینم همونی هست که نمونشو بلا لینک دادم ولی بلوک اصلی من ممکن تا آخر صفحه متن نداشته باشه که کش بیاد تا پایین. میخوام بدون اینکه متن یا عکسی داخل بلوک باشه خودش تا پایین صفحه ادامه داشته باشه!
     
    نوشته شده توسط overcrash در ‏21 ژانویه 2006
  12. Ali_ix

    Ali_ix Active Member

    ارسال‌ها:
    1,766
    تشکر شده:
    377
    امتیاز دستاورد:
    36
    یکمی از اونوری فکر کن !
    بالاخره یک چیزی داری که تا پایین صفحه بیاد !
    اگر واقعا همچین چیزی وجود نداره که دیگه سایت نیست :D ولی همواره میتونی از عنصر body هم استفاده کنی :)
     
    نوشته شده توسط Ali_ix در ‏21 ژانویه 2006

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