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

رصف العناصر فى css

مينا منصور

السؤال

Recommended Posts

  • 0

الخطأ:

أن علامة # هي خاصة بالid  وأنت قمت بوضع ال قيمة الclass   في ال selector

#child{}

التصحيح : 

أن تقوم بوضع قيمة الid  و في ال selector وهي child1

#child1{}

يتم وضع الإرتفاع حسب الحاجة

لو تريد زياد الإرتفاع للأب تقوم بتغير قيمة الheight الخاصة بال parent 

تم التعديل في بواسطة Omar Haddad2
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

مرحباً @جيروم مينا

لا أدري ما الذي تتوقعينه من الأكواد لكن الأكواد متطابقة مع صفحة العرض.
1- إتجاه الصفحة من اليمين إلى اليسار و هذا لأنك قمت بإعطاء الخاصية dir القيمة rtl أي: 

<html dir="rtl">
  
  
  
</html>

2- جسم الصفحة يحتوي على ثلاث عناصر div في نفس المُستوى أي كلهم أبناء للوسم body: العنصر الأول يأخذ المعرف parent لكنه بدون مُحتوى يأخذ التنسيقات التالية: 

#parent{
  width: 300px;
  border: 3px solid black;
  background-color: cadetblue;
}

و بما أنه بدون محتوى و لم يتم تحديد طول له فيظهر بهذا الشكل. كل من العنصرين ذو المُعرفين child1 و child2 يأخذان صنف التنسيقات child.

إذا كُنتِ تريدين أن يكونا العُنصرين من أبناء العنصر parent عليك وضعهما داخله بهذا الشكل:

<div id="parent">
  <div id="child1" class="child">1</div>
  <div id="child2" class="child">2</div>
</div>

الرجاء توضيح المُشكلة التي تواجهيها و سنُساعدك. بالتوفيق

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

المربع الأب ( parent ) لا يظهر بشكل صحيح بسبب عدم تحديد الـ height، في حال أردت أن ترسم مربع يجب إعطاءه الـ width والـ height معًا

#parent{
    height: 30px;
    width: 300px;
    background-color: cadetblue;
    border: 3px solid black;
}

يبدو انك تريد أن يظهر كل مربع ( 1 و 2 ) بشكل مختلف، و السبب في ظهورهم بنفس الشكل هو إعطاءهم نفس الـ class و تحديك لتلك الإعدادات عن طريق هذا الـ class وهذا غير صحيح، إما أن تعطي كل مربع class بإسم مختلف خاص فيه أو id خاص فيه، و طريقة التعامل مع الـ class تكون بذكر اسم الكلاس في ملف الـ css مع وضع بجانبه دوت كالتالي :

.class1{}

و طريقة التعامل مع الـ id كالتالي :

#id{}

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

تم التعديل في بواسطة ياسين عناية
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...