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

الموضوع: استفسار css

  1. #1
    عضو سوبر نشيط
    تاريخ التسجيل
    Mar 2000
    المشاركات
    762

    استفسار css



    كود:
    body 
    {
    	background-color:#E3E3E1;
    	text-align:center;
    	padding:0;
    }
    
    #master
    {
    	width:80%;
    	border:medium double 1px #AA2830;
    	padding:0;
    	overflow:hidden;
    
    }
    
    #header
    {
    	background-color:White;
    	display:inline-block;
    }
    
    #header .left
    {
    	float:left;
    }
    #header .right
    {
    	float:right;
    }
    #panel
    {
    		background-color:#2F2F2F;
    		display:inline-block;
    		text-align:center;
    }
    
    #panel .right
    {
    	width:30%;
    	float:right;
    	
    }
    
    #panel .left
    {
    	width:70%;
    	float:left;
    	padding:0;
    	
    }
    
    
    #footer
    {
    	background-color:#2F2F2F;
    	text-align:left;
    	padding:2pt 2pt 0 2pt;
    }


    كود:
    <body runat="server">
       
       
       <div id="master">
       <div id="header">
       <div class="left"><img id="Img1" src="images\logo.jpg" alt="" runat="server" /></div>
       <div class="right"><img id="Img2" src="images\taqline.jpg" alt="" runat="server" /></div>
       </div>
          <div id="panel">
       <div class="right">
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        </div>
       <div class="left">
       <img id="Img1" alt="" src="images\banar\show.jpg" runat="server" />
       </div>
    
           </div>
       <div id="footer">
       <img id="Img3" alt="" src="images\powered-by.jpg" runat="server" />
       </div>
       </div>
    
         
      
     
    </body>
    أخواني اتمنى منكم تشييك بسيط على الكود عند تشغيله على غير ie للايظهر بصورة سليمه
    الشيء الآخر كيف اتخلص من المسافى في اعلى الصفحه
    الطلب الثالث بين الـ div و الـ div يوجد مسافه لماذا
    عندما وضعت في الـ div الاول صوره
    الdiv فووتر يوجد فرق بينه وبين اللذي قبله بمسافه معينه





    __________________
    Eng.Fedail
    Computer and Electronics Engineer


  2. #2


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

    لم استطع ان افهم طريقة العرض الذتي تريد ان يظهر بها الصفحة لانها بدون صور

    على كل حال ...
    لازالة الفراغ العلوي من الصفحة استخدم التالي :
    كود HTML:
    margin:0;
    في تعريف البودي في css ليكون بالشكل التالي
    كود HTML:
    body 
    {
        background-color:#E3E3E1;
        text-align:center;
        padding:0;
        margin:0;
    }
    بخصوص المسافة التي قبل الفوتر ..في تعريفك لخواص الفوتر في css :
    كود HTML:
        padding:2pt 2pt 0 2pt;
    وهذا يضيف مسافة بمقدار 2pt لازالتها استخدم التالي
    كود HTML:
    padding:0 2pt 0 2pt;
    ارجو ان توفر مثال حي للصفحة بالصور التي تستخدمها حتى استطيع مساعدتك بشكل اكبر





    __________________
    مدونتي
    المُعاصر
    www.mo3aser.com

  3. #3
    عضو سوبر نشيط
    تاريخ التسجيل
    Mar 2000
    المشاركات
    762


    هذي تجرية في تقليد موقع لكن بدون استعمال الجداول لكن لحظ المشاكل اللتي لدي لم يظهر بكل الجوده المطلوبه
    انظر الا السهم الاحمر
    الdiv داخل تحت الآخر ولم ياتي بجانبه





    الصور المرفقة الصور المرفقة  
    __________________
    Eng.Fedail
    Computer and Electronics Engineer

  4. #4


    لو تخلي بدل من الصور ألوان .. بحيث يكون واضح بطريقة أفضل و نعرف كيف التوزيعة !!

    الأمر الآخ هل أنت تريد التصميم متمدد ؟

    -

    تعديل : عذراً نسيت أضع CSS في الصفحة نفسها في البداه ... فلذلك جاء الاستفسار بالأعلى





    __________________
    مدونتي | هوست دبي

  5. #5


    طيب أخي علشان تكون المسألة أسهل قليلاً ..

    هل ممكن تضع لكل صورة الحجم الخاص بها .. يعني عند وضعك لوسم img ضع معه قيمة كل من height و width





    __________________
    مدونتي | هوست دبي

  6. #6
    عضو سوبر نشيط
    تاريخ التسجيل
    Mar 2000
    المشاركات
    762


    أخوي انا واضع الـ overflow hidden يعني مايحتاج اضعلها حجم حتى لو صغرت الصفحه رح تختفي الصوره
    بس المفروض انه ما يجي ediv تحت div أنا اتوقع انه في خطأ في كتابة الكود لانه حتى بالمتصفحات الثانيه مايطلع صحيح





    __________________
    Eng.Fedail
    Computer and Electronics Engineer

  7. #7


    طيب أخوي

    بس حالياً علامة الأكس ظاهرة لي .. فلذلك مو قادر أشوف المشكلة بالضبط كيف صايرة !!

    لكن في حالة وضع القياسات حتى لو الصورة غير موجودة .. راح تظهر لي قياسات الصورة كما هي مفترض تكون .. فلذلك العرض راح يطلع كما هو فقط بدون ظهور شكل الصورة !!

    ما أدري لكل واحد طريقته .. لكن أنا أشوف هذه طريقة مهمة لكي أستطيع مساعدتك !





    __________________
    مدونتي | هوست دبي

  8. #8
    عضو سوبر نشيط
    تاريخ التسجيل
    Mar 2000
    المشاركات
    762


    وضعت Overflow hidden على الـ div المتوضع عليه الصوره
    رجع الوضع تمام
    لكن بديت اشك بموضوع الـ div أفكر ارجع للـ table اعتقد انها افضل بهذي الحاله
    عند تصغير الصفحه تختفي الاطارات
    لكن لو كان هناك امر برمجي عند تصغير الصفحه تصغر معاه الاطارات كلها لكان افضل





    __________________
    Eng.Fedail
    Computer and Electronics Engineer





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

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

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