النتائج 1 إلى 7 من 7

الموضوع: تقسيم الصفحة

  1. #1
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    613

    تقسيم الصفحة




    1 - العرض 90% ، الطول 20%
    2 - العرض 90% ، الطول 70%
    3 - العرض 90% ، الطول 10%
    4 - العرض 5% ، الطول 20%
    5 - العرض 5% ، الطول 80%

    سيصبح تصميم الصفحة بهذا الشكل

    لابد من أن يكون التصميم ممتداً على كامل الصفحة .. أي أنه لا توجد مسافات وخاصة في الأسفل ، التصميم يكون بدون إستخدام الجداول ..

    بغض النظر عن الألوان .. فهي للتوضيح فقط لاغير ..

    أود رؤية إقتراحتكم وحلولكم لهذا الموضوع ..





    الصور المرفقة الصور المرفقة   


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


    اعمل الكل داخل div

    و قم باعطائه 100% في العرض و الطول






  3. #3
    عضو جديد
    تاريخ التسجيل
    Jun 2007
    المشاركات
    14


    السلام عليكم اخي العزيز اعتقد ممكن هذا الكود يفيدك

    Dynamic Drive CSS Layouts- CSS Frames






  4. #4
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    613


    لا أعتقد أن ما أريده قد وصل .. لدي حل .. لكنني أود رؤية حلولكم للوصول لأفضل حل ..






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


    مممم..

    كود 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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
    <title>Untitled Document</title>
    <!-- 
    * CSS Layout by Flasher.ws
    -->
    <style type="text/css">
    body, html {
    	height:100%;
    }
    
    body {
    	margin:0;
    	padding:0;
    	direction: rtl;
    }
    
    #container {
    	height: 100%;
    }
    
    #top {
    	height: 20%;
    	background-color: #000;
    }
    
    #top #top_r {
    	height: 100%;
    	width: 5%;
    	background-color: green;
    	float: right;
    	
    }
    
    #top #top_l {
    	height: 100%;
    	width: 5%;
    	background-color: green;
    	float:left;
    }
    
    #right {
    	float:right;
    	width: 5%;
    	height: 80%;
    	background-color: red;
    }
    #left {
    	float:left;
    	width: 5%;
    	height: 80%;
    	background-color: red;
    }
    #center {
    	width: 90%;
    	float:right;
    	height: 80%;
    	background-color: gray;
    }
    #center #center_top {
    	 height: 92%;
    }
    
    #center #center_bottom {
    	height: 8%;
    	background-color: blue;
    }
    
    
    </style>
    </head>
    
    <body>
    <div id="container">
        <div id="top">
        	<div id="top_r">&nbsp;</div>
            <div id="top_l">&nbsp;</div>
        </div>
        <div id="right">
        &nbsp;
        </div>
        
        <div id="center">
            <div id="center_top">&nbsp;</div>
            <div id="center_bottom">&nbsp;</div>
        </div>
        <div id="left">
        &nbsp;
        </div>
        
    </div>
    </body>
    </html>
    تنفع اختبار في الCSS
    (مرفق بتنسيق افضل)





    الملفات المرفقة الملفات المرفقة
    __________________
    موقعي الشخصي
    www.Flasher.ws

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

  6. #6
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    613


    جميل جداً أستاذي flasher ، من نظرة سريعة للتطبيق وجدت أنه لا يقبل الكتابة في بعض المواضع ، عموماً سأعود لاحقاً لاتحقق من ذلك ، فكرتي تعتمد على التالي : الـ div الاب يحتوي على الـ div الابن
    كود:
    <style type="text/css">
    body {
    margin: 0px;
    }
    #father {
    background-color: green;
    /* عنصر يقوم بتوسيط المحتوى */
    }
    #son {
    width: 90%;
    background-color: black;
    color: white;
    }
    </style>
     
    <div id="father">
    <div id="son">son</div>
    </div>
    ساعود لاحقاً لاكمل مالدي ..






  7. #7
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    89

    هل يمكن فصله إلى ملفين



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

    أخي الكريم Flasher
    لدي سؤال و هو كيف يمكن فصل الكود الذي و ضعته في ملفين html + css , مع العلم أنني حاولت و لكن هنالك خطأ لم يظهر لي حيث تظهر صفحة بيضاء .

    و الشكر لكل من يساعدني

    م.جانودي










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

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

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