اذهب إلى المحتوى

Naif Alghamdi

الأعضاء
  • المساهمات

    15
  • تاريخ الانضمام

  • تاريخ آخر زيارة

أجوبة بواسطة Naif Alghamdi

  1. بتاريخ 1 ساعة قال أسامة زيادة:

    يبدو أنه يحدث تضارب بين التنسيقات الخاصة بك وتنسيقات بوتستراب ، لذلك قم بإعطاء الأولوية لتنسيقاتك من خلال إضافة important! بهذا الشكل 

    
    .btn-primary:hover{
      background-color: #ee4b08 !important;
      border-color: #ee4b08 !important;
      border-width: 4px !important;
    }

    وسوف تنجح التنسيقات 

    شكراً جزيلاً

  2. السلام عليكم ,

    وانا اتصفح هذان الموقعان https://yaoota.com/ar-sa/  http://pricena.com وهما عبارة عن محرك بحث للمنتجات ومقارنة الأسعار وجدت ان الموقع يحوي الاف المنتجات من متاجر كبيرة مثل نمشي و وادي وهما لايحتويان على API ولا rss فكيف تم الربط مع هذه المتاجر؟

    من المستحيل انه تم اضافة المنتجات يدوياً لأن الموقع يحدث الأسعار بشكل يومي ويعطي تقارير صحيحة وغير ثابته عن عن الاف المنتجات ! 

    هل هي خوارزمية معنية تم ابتكارها من مؤسسي الموقع ام ماذا ؟!

  3. قمت بتعين اقل طول لديف بـ100 بكسل

    min-height: 100px

    ثم قمت بتعين طول العرض بـ200 بكسل كي لا يأخذ عرض الصفحة بالكامل

    width:200px;

    المشكلة هنا عندما عاينت الصفحة  وجدت ان الطول (min-height) الذي وضعته اختفى و خاصية width لم تعمل ؟!

    هذا الكود بالكمل 

    <!DOCTYPE html>
    <html>
    <head>
    	<title></title>
    	<style type="text/css">
    	.h{
    		background: #ddd;
    		min-height: 100px
    		width:200px;
    	}
    	</style>
    </head>
    <body>
    	<div class="h">
    		my name is naif
    	</div>
    </html>

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

    فلماذا لم تعمل خاصية min-height و width معاً ؟

  4. بتاريخ 10 ساعات قال هشام رزق الله:

    يعني أنه لا يوجد هامش (مسافة) بين هذه الكتلة مع بقية الكتلة، فـ margin تحدد مسافة الهامش بين هذه الكتلة وبقية الكتل، ولمعرفة ترتيب الحدود الخارجية بين margin وborder وpadding والمحتوى يمكنك الإطلاع على هذه الصورة:

    687474703a2f2f7777772e77337363686f6f6c732e636f6d2f6373732f626f782d6d6f64656c2e676966.gif

    خصائص margin كالتالي حيث ستختار الهامش لكل من الجهة العلوية واليمنى والسفلى واليسرى على التوالي كما في المثال التالي:

    
     p {
        margin: 100px 150px 100px 80px;
    }

    للمزيد من المعلومات حول margin يمكنك الإطلاع على هذا الدرس.

     
     
     
     
     

    انظر لهذا الكود 

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    p {
        background-color: yellow;
    }
    
    p.ex {
        border:1px solid red;
        margin: 0;
    }
    </style>
    </head>
    <body>
    
    <h2>Using The margin Shorthand Property:</h2>
    
    <p>This is a paragraph with no specified margins.</p>
    <p class="ex">This paragraph has a top and bottom margin of 100px, a left margin of 80px, and a right margin of 150px.</p>
    
    </body>
    </html>

    قمت مرة بحذف المارجن ومرة قمت بوضع المارجن بصفر ولم يحدث اي تغير ؟ ما الفائدة اذاً من كتابة المارجن بصفر ؟ لأني رأيت بعض الدروس في اليوتيوب يقومون بوضع المارجن بصفر مع انها لافائدة منها 

  5. انا اتعلم الـcss حالياً ومازلت مبتدئ

    سؤال لماذا لايعمل الـheight property مع % ؟

    قمت بتجربة أرقام كبيرة وصغيرة لكن لا يؤثر ذلك على الصفحة أبدًا

    وهذا هو الكود 

    <!DOCTYPE html>
    <html>
    <head>
    	<link rel="stylesheet" type="text/css" href="main.css">
    	<title></title>
    </head>
    <body>
    <div class="naif">
    	<p>hi my name is naif</p>
    </div>
    </body>
    </html>
    .naif{
    	height: 150000%;
    	width: 10%;
    	background-color: #00f;
    	color: #fff;
    }

     

×
×
  • أضف...