لديك حساب بالفعل؟ دخول
دخول  سجل الأن 
احتاج لمساعدة لتوسيط الصفحة
لقد قمت باستخدام طريقة
marign :0 auto
واستخدمت ايضا text-align:center
ولكن دون فائدة ارجوكم دلوني
هو صحيح انا اكواد css كثير ولست محترفة css
وشكرا
تاريخ البداية: 4 / يونيو / 2012 الساعة 20:36 اخر نشاط: 8 / يونيو / 2012 الساعة 11:48 css

لو وضعت الكلاس أو الايدي لنرى أين الخطأ
أضن أنك لم تعمل width
4 / يونيو / 2012 الساعة 22:55

5 إجابات
السلام عليكم
عفوا لوسمحتم كيف اتحكم بالارتفاع div
بحيث اجعله لايتغير عند تغييري ل resolution الشاشة
مثل هذا الموقع
هل هو الاصح ان استخدم %

بواسطة: Arwa
منذ: 8 / يونيو / 2012 الساعة 11:48

اولا / يجب ان تقوم بعمل container يحتوى على كل مكونات الصفحه
<!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" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="ahmed" />

	<title>Untitled 1</title>
    
    <style type="text/css">
    
    #container{
        
        margin: 0 auto;
        width: 750px;
        
        
    }
    
    #header{
        
        margin: 0px 10px 20px 10px;
        width:730px ;
        height: 250px;
        border: 1px solid green ;
        float: left;
        
        
        
    }
    #main_container{ 
        
        float: left;
        width: 730px ;
        height: 900px;
        margin:0px 10px 20px 10px ;
        border: 1px solid black;
        
    }
    
    #footer{ 
        
        float: left;
        width :730px;
        border: 1px solid  gray;
        height:100px;
        margin:0px 10px 20px 10px ;
        
        
    }
    
    
    
    </style>
    
    
</head>

<body>
        <!-- beg of container--!>
        <div id="container">
        
        
        
        
           <!--beg of container !-->
           <div id="header">
           
           
           
           
           
           </div> <!-- end of container --!>
 
 
                <!--beg of  main container !-->
             <div id="main_container">
             
             
             
             
             </div><!--end of  main container !-->
 
     
          
             <!-- beg of footer --!>
            <div id="footer">
            
            
              
            </div><!-- end of footer --!>
 
 
 
 </div>   <!-- end of container --!>




</body>
</html>

بواسطة: Ahmed.Dedo
منذ: 5 / يونيو / 2012 الساعة 0:50

تعديل: MacOS
منذ: 5 / يونيو / 2012 الساعة 0:52

هو دا الكلام :)
5 / يونيو / 2012 الساعة 0:53

جزاك الله خيرا
5 / يونيو / 2012 الساعة 2:3

بس عفوا انا لما اغير في resolution الصفحة بيتغير العرض عند استخدامي ل px
بس لو استخدم % بيكون احسن
وانا باضغط على ctrl + علشان اغير resolution الصفحة فهل هذا صحيح
فما هو رايك

بواسطة: Arwa
منذ: 4 / يونيو / 2012 الساعة 23:8

عن طريق الجافا
توسيط عنصر (div) بالنسبة لاخر (افقيا ورأسيا)
مثال الاستعمال

أو عن طريق css

.class {
margin:0 auto;
}

بواسطة: local
منذ: 4 / يونيو / 2012 الساعة 22:35

تعديل: local
منذ: 4 / يونيو / 2012 الساعة 22:57

عفوا لم يتم توسطيها بل وضعها يمينا
4 / يونيو / 2012 الساعة 22:43

أنا في الغالب أستعمل margi:0 auto;
أضن أن لديك خطأ في الكلاس
لكن توجد طريقة position
يمكنك مراجعة هدا الرابط
http://www.swalif.net/softs/swalif44/softs257339/
4 / يونيو / 2012 الساعة 22:51

هذا يطبق على اول عنصر بعد البودى
5 / يونيو / 2012 الساعة 0:11

مثل الموثع الحالي الي باللون الرمادي
كله بالوسط كيف بعمل هيك

بواسطة: Arwa
منذ: 4 / يونيو / 2012 الساعة 21:23

رأيت في code source
كما قلت لك يستعملون mrgin
هدا هو اليدي الخاص بذلك

#center {
height: auto;
width: 960px;
margin: auto;
text-align: right;
}

4 / يونيو / 2012 الساعة 22:54

شكرا لك على المساعدة
ملاحظة انا استخدمت % وليس px
4 / يونيو / 2012 الساعة 22:59

شكرا لك لقد قمت بتجربة اخر ماكتبت بارك الله فيك
وممكن اطل من حضرتك مساعدة تانية
4 / يونيو / 2012 الساعة 23:3

نفس الشئ لا فرق ان استعملت px أو %
لكن نيصح في تكويد القالب باستعمال px ليكون القالب متناسب مع جميع الشاشات ويكون التكويد أكتر دقة
يمكنك مرتجعة هذا الموضوع مشكلة في شكل الصفحة

4 / يونيو / 2012 الساعة 23:5

تتفضل أخي ما هي أخي ؟
4 / يونيو / 2012 الساعة 23:6

س عفوا انا لما اغير في resolution الصفحة بيتغير العرض عند استخدامي ل px
بس لو استخدم % بيكون احسن
وانا باضغط على ctrl + علشان اغير resolution الصفحة فهل هذا صحيح
فما هو رايك
4 / يونيو / 2012 الساعة 23:10

صراحة لم أفهم قصدك ؟
4 / يونيو / 2012 الساعة 23:17

اقصد اني عندما اخصص لwidth قيمة بpx
عند تصغيري للصفحة او تكبيري عن طريق (ضغطي على ctrl و + ) يتم تصغير العرض الخاص بالdiv
بينما عندما اخصص قيمة للعرض ب% يتم الحفاظ على العرض ولا يحدث اي تغيير
ماهو رايك
4 / يونيو / 2012 الساعة 23:19

نعم لأن قيمة px ثابثة عكس %
لكن يستحسن استخدام px للحصول على دقة في التصميم ل جميع الشاشات فلو رأيت الرابط السابق ستجد أن ذلك الشخص حدث معه مشكل في العنصر بسبب النسبة المئوية التي تختلف من شاشة لأخرى حسب الدقة
4 / يونيو / 2012 الساعة 23:25

جزاك الله خيرا وربي يفتح عليك ويزيدك من فضله
الحمد لله الي الان استطعت ان اقوم بعمل توسيط والفضل لله تم لك
5 / يونيو / 2012 الساعة 0:3

أنشر اجابتك

xهل تريد الاجابة عن هذا السؤال؟ من فضلك سجل دخول او اشترك لتتمكن من الاجابة