نمایش نتایج 1 تا 9 از 9

نام تاپیک: تغییر اندازه و بهم ریختگی در resolution های مختلف

  1. #1

    تغییر اندازه و بهم ریختگی در resolution های مختلف

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




  2. #2
    کاربر دائمی آواتار 2undercover
    تاریخ عضویت
    تیر 1391
    محل زندگی
    خراسان رضوی
    پست
    1,471

    نقل قول: تغییر اندازه و بهم ریختگی در resolution های مختلف

    احتمالا توی اندازه دادن به عناصر HTML از واحد % استفاده کردید!

  3. #3
    کاربر دائمی آواتار ravand
    تاریخ عضویت
    اردیبهشت 1389
    محل زندگی
    راوند کاشان
    پست
    3,378

    نقل قول: تغییر اندازه و بهم ریختگی در resolution های مختلف

    از کد زیر استفاده کردی
    کد HTML:
    margin:auto

  4. #4

    نقل قول: تغییر اندازه و بهم ریختگی در resolution های مختلف

    من یه div دارم برای محتوا و سایدبار margin: auto
    اما موقع کوچیک کردن پنجره بروزر، صفحه بهم میریزه ؟! چیکار باید کنم؟

  5. #5
    کاربر دائمی آواتار ravand
    تاریخ عضویت
    اردیبهشت 1389
    محل زندگی
    راوند کاشان
    پست
    3,378

    نقل قول: تغییر اندازه و بهم ریختگی در resolution های مختلف

    خب یه margin ثابت بده که یه عدد با پیکسل داشته باشه.

  6. #6

    نقل قول: تغییر اندازه و بهم ریختگی در resolution های مختلف



    کد های css:
    .sidebar{
    width:270px;
    height:300px;
    background:#e3e8e8;
    float:right;
    clear:both;
    margin:20px 30px 0 0;
    display:block;


    }
    #content-bdy{
    width:868px;
    margin:20px 0 0 50px;
    height:500px;
    background:#e3e8e8;
    float:left;



    }
    #left{
    float:left;

    }
    #right{
    float:right;
    clear:both;
    }
    #content {
    background:url(img/content-bg.png);
    height:700px;
    margin:10px;
    }


    کدهای html:
    <div id="content">
    <div id="right">
    <!---------------------sidebar1------------>
    <div class="sidebar">
    <div id="sidebar-top1"></div>
    <div class="text-sidebar">
    </ul>
    </div>
    </div>
    <!---------------------sidebar2------------>
    <div class="sidebar">
    <div id="sidebar-top2"></div>
    <div class="text-sidebar">

    </div>
    </div>
    </div>
    <!---------------------end side------------>

    <div id="left">
    <div id="content-bdy"></div>
    </div>
    </div>
    آخرین ویرایش به وسیله esmaeilbf : پنج شنبه 12 بهمن 1391 در 19:17 عصر

  7. #7

    نقل قول: تغییر اندازه و بهم ریختگی در resolution های مختلف

    یک مشکل دیگه هم دارم وقتی یه کپی از سایدبار میگیرم برای اضافه کردن زیر سایدبار دوم بازم صفحه بهم میریزه کلا هر کاری میکنم این div left بهم میریزه

  8. #8
    کاربر دائمی آواتار ravand
    تاریخ عضویت
    اردیبهشت 1389
    محل زندگی
    راوند کاشان
    پست
    3,378

    نقل قول: تغییر اندازه و بهم ریختگی در resolution های مختلف

    من یه اسکلت از یه قالب ساده برات همین الان نوشتم:
    کد HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <title>عنوان</title>
    <head>
    <style type="text/css">
    .kol{
    width:1000px; 
    border:1px #CCCCCC solid; 
    background-color:#eb1ced; 
    }
    .header{
    width:998px; 
    border:1px #CCCCCC solid; 
    background-color:#25d46f; 
    height:200px;
    }
    .rast{
    width:200px; 
    height:400px;
    border:1px #2563d4 solid; 
    background-color:#d4a525; 
    float:right;
    }
    .link{
    width:200px; 
    height:200px;
    border:1px #2563d4 solid; 
    background-color:#a329a4; 
    }
    .chap{
    width:700px; 
    border:1px #2563d4 solid; 
    background-color:#FFFFFF; 
    float:left;
    }
    .matlab{
    width:750px;
    height:400px;
    border:1px #CCCCCC solid; 
    background-color:#22709E;
    }
    .mbody { direction:rtl; padding: 5px 6px 0px 6px; line-height: 150%}
    </style>
    </head>
    <body>
    <div align="center">
    <div class="kol">
    <div class="header">
    </div>
    
    <div class="rast">
    <div class="link">
    پیوندها
    </div>
    <div class="link">
    عنوان یادداشت ها
    </div>
    </div>
    
    <div class="chap">
    <div class="matlab">
    <div class="mbody">
    متن
    </div>
    </div>
    </div>
    <div style="clear: both;font-size: 2pt"> </div>
    </div>
    
    </div>
    </body>
    </html>

  9. #9
    کاربر دائمی آواتار soroush.r70
    تاریخ عضویت
    فروردین 1389
    محل زندگی
    مازندران - آمل
    پست
    1,157

    نقل قول: تغییر اندازه و بهم ریختگی در resolution های مختلف

    می تونی از طراحی ریسپانسیو استفاده کنی در تاپیک پایین یه آموزش کامل گذاشتم.

    لینک

تاپیک های مشابه

  1. سوال: مشکل بهم ریختگی ظاهر ابزار های ajax toolkit control
    نوشته شده توسط neynavaz در بخش ASP.NET Web Forms
    پاسخ: 2
    آخرین پست: دوشنبه 28 آذر 1390, 07:06 صبح
  2. فلش در resolution های مختلف
    نوشته شده توسط archi در بخش طراحی وب (Web Design)
    پاسخ: 1
    آخرین پست: چهارشنبه 31 فروردین 1384, 15:56 عصر
  3. جا به جایی control ها در resolution های مختلف!
    نوشته شده توسط saffari2005 در بخش ASP.NET Web Forms
    پاسخ: 7
    آخرین پست: سه شنبه 15 دی 1383, 12:04 عصر
  4. table در resolution های مختلف
    نوشته شده توسط archi در بخش طراحی وب (Web Design)
    پاسخ: 2
    آخرین پست: شنبه 05 دی 1383, 08:04 صبح

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •