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

نام تاپیک: قرار دادن دیو در وسط دیو دیگر با استفاده از سی اس اس

  1. #1
    کاربر تازه وارد
    تاریخ عضویت
    مهر 1392
    محل زندگی
    ایران
    پست
    85

    قرار دادن دیو در وسط دیو دیگر با استفاده از سی اس اس

    سلام به برو بکس
    -------من میخام دیوام چه از نظر عمودی و افقی دقیقا وسط قرار بگیره
    ممنون میشم کد سی اس اسش رو برام بزارید
    ------در ضمن میخام طول و عرض دیو ها به صورت درصدی باشه نسبت به المنتی که توش قرار گرفته ولی موندم چه طوری
    پوزیشن پرنت رو ابسولوت میزارم و پوزیشن فرزند رو ریلیتیو ولی بازم کار نمی کنه
    ----- میخاستم بدون اینکه توی دیو ها متن داشته باشم حداکثر و حداقل ارتفاعش رو هم به صورت درصدی سِت کنم ولب فقط به روش پیکسلی جواب داد ممنون میشم از پاسختون
    کد HTML:
    <body>
        <div id="main">
       
            <div id="menu">
                <div id="menuborder"> 
                    
                    </pre>
                    <div id="logoborder">
    
                    </div>
                </div>
                
            </div>
            <div id="content">
                <div id="">
    
                </div>
            </div>
        </div>
    </body>
    body {
    background-color: black;
    overflow: hidden;
    }

    #main {
    border-style: solid;
    border-color: red;
    border-width: 1px;
    border-radius: 10px;
    margin: 5%;
    overflow: hidden;
    position: relative;
    background-image: url("../Images/bg16.jpg");
    min-height: 800px;
    box-shadow: 0px 0px 50px 20px rgba(100, 11, 10, 0.7);
    }

    #menu {
    border-style: solid;
    border-color: red;
    border-width: 1px;
    border-radius: 10px;
    position:relative;
    float: left;
    margin: 2%;
    overflow: hidden;
    min-width:45%;
    background-color:gray;
    opacity:0.8;
    min-height:745px;
    }

    #content {
    border-style: solid;
    border-color:red;
    border-width: 1px;
    border-radius: 10px;
    position:relative;
    float:left;
    margin: 2%;
    min-width:46%;
    overflow: hidden;
    background-color:gray;
    opacity:0.8;
    min-height:745px;
    }
    #menuborder {
    border-style:solid;
    border-color:deepskyblue;
    margin:5%;
    min-height:600px;
    border-radius:500000px;
    }


  2. #2
    کاربر دائمی آواتار Omid Jackson
    تاریخ عضویت
    شهریور 1391
    محل زندگی
    ایران
    پست
    707

    نقل قول: قرار دادن دیو در وسط دیو دیگر با استفاده از سی اس اس

    من خیلی متوجه منظورتون نشدم ولی یه سری چیزا رو تغییر دادم
    http://jsfiddle.net/Blend_Design/36c7y/
    مثلا این که border-radius:500000px اصلا معقول نیست!!!!
    اگر هم میخواین درصد بدین بهش مثل مال من میتونین درصد بدین نسبت طول به ارتفاع!
    نکته دیگه این هست که برای وسط آوردن اول position رو absolute میکنین، بعد margin رو auto میدین و بعد هم بهش مقادیر left, right, top, bottom رو 0 میدین، برا همین یه حالت خلا ایجاد میشه، اونوقت با margin که auto دادین میاد وسط

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

  1. سوال: قرار دادن شی در وسط فرم
    نوشته شده توسط morteza_1234m در بخش C#‎‎
    پاسخ: 7
    آخرین پست: شنبه 12 اردیبهشت 1388, 21:54 عصر
  2. قرار دادن فرم در وسط صفحه
    نوشته شده توسط arsalansalar در بخش برنامه نویسی در 6 VB
    پاسخ: 8
    آخرین پست: شنبه 08 دی 1386, 21:35 عصر
  3. قرار دادن دکمه در وسط پنجره MessageBox
    نوشته شده توسط rezaiy.ali در بخش VB.NET
    پاسخ: 1
    آخرین پست: سه شنبه 13 شهریور 1386, 10:35 صبح
  4. قرار دادن پنل در وسط صفحه
    نوشته شده توسط hassan_kahrizy در بخش ASP.NET Web Forms
    پاسخ: 3
    آخرین پست: سه شنبه 17 خرداد 1384, 20:10 عصر
  5. قرار دادن صفحه در وسط صفحه حتی با تغییر رزولوشن
    نوشته شده توسط hassan_kahrizy در بخش طراحی وب (Web Design)
    پاسخ: 2
    آخرین پست: جمعه 06 خرداد 1384, 04:39 صبح

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

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