صفحة 2 من 2 الأولىالأولى 12
النتائج 16 إلى 27 من 27

الموضوع: كيفية توسيط التصميم بـ CSS ؟



  1. كود HTML:
    body{
    padding-top:10%;
    height:100%;
    padding-bottom:10%;
    }






    __________________
    Keepondev | مدونه شديد التخصص فى الجافاسكربت
    جافاسكربت الموجهه بالكائنات | أنماط تصميم جافاسكربت

  2. #17
    عضو نشيط
    تاريخ التسجيل
    Feb 2008
    المشاركات
    281


    السلام عليكم ورحمة اللة وبركاتة

    جرب هذة الطريقة جيدة

    كود HTML:
    <center>
    <div>
    conteny
    </div>
    </center>






    التعديل الأخير تم بواسطة tech ; 24-06-2008 الساعة 03:19 AM

  3. #18
    عضو نشيط
    تاريخ التسجيل
    Jun 2007
    المشاركات
    255


    عزيزي جرب هذا

    margin: 0px auto; width: 765px;







  4. #19

    (( تعليق ))



    احبتي

    كل الاكواد تقوم بتوسيط التصميم بمعنى center

    انا اريد توسيطه بمعنى middle


    شكراً لكم على هذا التفاعل و المساعده


    وبانتظاركم


    بوركتم





    __________________
    منتدى مجاني و برامج مجانية • بوابة مركزي • تابعني عّ تويتر

  5. #20


    جرب الكود
    <table width=100% height=100%>
    <tr><td width=100% height=100% style="vertical-align: middle;text-align:center;">
    المضمون
    </td></tr>
    </table>
    .main {
    vertical-align: middle;
    text-align:center;
    }
    أظن أنه سينجح





    __________________
    منتديات عين أفقه
    http://www.ainfekka.com

  6. #21


    لا ينجح للاسف


    شكراً لك





    __________________
    منتدى مجاني و برامج مجانية • بوابة مركزي • تابعني عّ تويتر

  7. #22
    __________________
    منتديات عين أفقه
    http://www.ainfekka.com

  8. #23
    عضو نشيط جدا
    تاريخ التسجيل
    Feb 2007
    المشاركات
    393


    احبتي

    كل الاكواد تقوم بتوسيط التصميم بمعنى center

    انا اريد توسيطه بمعنى middle


    شكراً لكم على هذا التفاعل و المساعده


    وبانتظاركم


    بوركتم
    CSS vertical center using float and clear





    __________________
    موقعي الشخصي
    www.Flasher.ws

    جزيرة الفنون
    www.Artsisland.net

  9. #24
    عضو فعال
    تاريخ التسجيل
    Mar 2008
    المشاركات
    1,392


    جربت الكودين لكنها لم تنجح للاسف

    .

    اي فكرة

    وشكراً مره اخرى على المساعدة
    هذا كود الصفحة

    كود:
    <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl"><head>
    
    
    
    <meta content="text/html; charset=windows-1256" http-equiv="Content-Type"/>
    <script type="text/javascript" language="javascript" src="images/fade.js"/><style type="text/css">
    .gradualfader{filter:progid:DXImageTransform.Microsoft.alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
    </style>
    <link type="text/css" rel="stylesheet" href="images/style.css"/>
    <title>Pack Your Bag . Net</title>
    <style charset="utf-8" type="text/css">/* See license.txt for terms of usage */
    
    .firebugHighlight {
        z-index: 2147483647;
        position: absolute;
        background-color: #3875d7;
    }
    
    .firebugLayoutBoxParent {
        z-index: 2147483647;
        position: absolute;
        background-color: transparent;
        border-right: 1px dashed #BBBBBB;
        border-bottom: 1px dashed #BBBBBB;
    }
    
    .firebugRulerH {
        position: absolute;
        top: -15px;
        left: 0;
        width: 100%;
        height: 14px;
        background: url(chrome://firebug/skin/rulerH.png) repeat-x;
        border-top: 1px solid #BBBBBB;
        border-right: 1px dashed #BBBBBB;
        border-bottom: 1px solid #000000;
    }
    
    .firebugRulerV {
        position: absolute;
        top: 0;
        left: -15px;
        width: 14px;
        height: 100%;
        background: url(chrome://firebug/skin/rulerV.png) repeat-y;
        border-left: 1px solid #BBBBBB;
        border-right: 1px solid #000000;
        border-bottom: 1px dashed #BBBBBB;
    }
    
    .overflowRulerX > .firebugRulerV {
        left: 0;
    }
    
    .overflowRulerY > .firebugRulerH {
        top: 0;
    }
    
    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
    
    .firebugLayoutBoxOffset {
        z-index: 2147483647;
        position: absolute;
        opacity: 0.8;
    }
    
    .firebugLayoutBoxMargin {
        background-color: #EDFF64;
    }
    
    .firebugLayoutBoxBorder {
        background-color: #666666;
    }
    
    .firebugLayoutBoxPadding {
        background-color: SlateBlue;
    }
    
    .firebugLayoutBoxContent {
        background-color: SkyBlue;
    }
    
    /*.firebugHighlightGroup .firebugLayoutBox {
        background-color: transparent;
    }
    
    .firebugHighlightBox {
        background-color: Blue !important;
    }*/
    
    .firebugLayoutLine {
        z-index: 2147483647;
        background-color: #000000;
        opacity: 0.4;
    }
    
    .firebugLayoutLineLeft,
    .firebugLayoutLineRight {
        position: fixed;
        width: 1px;
        height: 100%;
    }
    
    .firebugLayoutLineTop,
    .firebugLayoutLineBottom {
        position: absolute;
        width: 100%;
        height: 1px;
    }
    
    .firebugLayoutLineTop {
        margin-top: -1px;
        border-top: 1px solid #999999;
    }
    
    .firebugLayoutLineRight {
        border-right: 1px solid #999999;
    }
    
    .firebugLayoutLineBottom {
        border-bottom: 1px solid #999999;
    }
    
    .firebugLayoutLineLeft {
        margin-left: -1px;
        border-left: 1px solid #999999;
    }
    </style></head><body style="margin: 0px;">
    
    <br/><br/><br/><br/><br/><br/><br/><br/>
    
    <table cellspacing="0" cellpadding="0" style="margin: 0px auto; width: 100%; text-align: center;">
            <tbody><tr>
                    <td style="width: 153px;"><a href=""><img class="gradualfader" src="images/arabic.png" alt="اللغة العربية" style="opacity: 0.4;"/></a></td>
                    <td rowspan="3" style="width: 310px; text-align: left; background-color: rgb(255, 116, 0);"><img alt="" src="images/s_logo.png"/></td>
                    <td rowspan="3" style="width: 100%; background-image: url(images/m_bg.png);"/>
                    <td rowspan="3" style="width: 300px; text-align: left; background-color: rgb(255, 116, 0);"><img alt="" src="images/logo.png"/></td>
                    <td style="width: 153px;"><img class="gradualfader" src="images/2.png" alt="فرنسا - Franc" style="opacity: 0.4;"/></td>
            </tr>
            <tr>
                    <td style="width: 153px;"><img class="gradualfader" src="images/7.png" alt="ايطاليا - Italy" style="opacity: 0.4;"/></td>
                    <td style="width: 153px;"><img class="gradualfader" src="images/10.png" alt="تركيا - Turkey" style="opacity: 0.4;"/></td>
            </tr>
            <tr>
                    <td style="width: 153px;"><img class="gradualfader" src="images/11.png" alt="كروز - Croz" style="opacity: 0.4;"/></td>
                    <td style="width: 153px;"><a href="#"><img class="gradualfader" src="images/english.png" alt="Engliah Language - Soon" style="opacity: 0.4;"/></a></td>
            </tr>
    </tbody></table>
    <script type="text/javascript">
    gradualFader.init() //activate gradual fader
    </script>
    </body></html>
    وكما ترى فإن التوسيط ليس إلا
    كود:
    <br/><br/><br/><br/><br/><br/><br/><br/>

    وإن أردت التوسيط بإستعمال css

    هذا الكود الخاص به

    كود:
    margin: 10% auto;






    __________________
    الأفضل أن تموت وأنت تقاتل من أجل شيئ ما أو أن تعيش من أجل لاشئ.
    وكيف بك إذا كان ما تقاتل من أجله شيئ نبيل ؟.

  10. #25


    Sniper4dz

    Flasher

    styl3rs


    شكراً للحلول سأقوم بتجربتها و اخباركم بالنتيجة

    مودتي





    __________________
    منتدى مجاني و برامج مجانية • بوابة مركزي • تابعني عّ تويتر

  11. #26
    عضو نشيط
    تاريخ التسجيل
    Feb 2008
    المشاركات
    167

  12. #27


    اخوي شوف جرب هذا

    كود PHP:
    margin-rightauto;
    margin-leftauto


    في الجدول و شكرا





    التعديل الأخير تم بواسطة الفارس الشبح ; 02-10-2008 الساعة 10:45 PM





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض