• 1

ما الخطأ في كود css هذا ؟

قمت بتعين اقل طول لديف بـ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 معاً ؟

تمّ تعديل بواسطة NaifAlghamdi

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

عزيزي أخي نايف, أعتقد ان مشكلتك واضحة وهي عدم وجود ; بعد الـ100px

min-height: 100px

يجب ان يكون

min-height: 100px;

واضفت النتيجة النهائية, اتمنى ان يكون مثل المطلوب.

 

نايف.JPG

تمّ تعديل بواسطة halzaher
1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

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

Sublime Text 3: محرر نص مخصص لكتابة الأكواد البرمجية، وهو جيد جداُ، حيث يتيح لك التكويد بيسر مع إظهار الكود بشكل ملوّن، مفرقاً بين الوسوم، الخصائص، المتغيرات... لتسهيل عملية المراجعة عند حدوث الخطأ.

sublime text 3 emmet

: إضافة على subblimetext ومحررات نص أخرى، يتيح لك اختصارات مدهشة لكتابة كود برمجي بسرعة جيدة، مثلا عوض كتابتك لـ:

<div>
    <ul>
        <li></li>
    </ul>
</div>

ستكتفي بكتابة:

div>ul>li

 

مع الضغط على رز Tab لينتج عنه الكود الأول، وهذا فقط مثال بسيط، كما يمكنك الاطلاع على لائحة بأهم الاختصارات الأكثر استعمالاً من هنا.

كيفية تنصيب Sublime Text:

 

2 اشخاص أعجبوا بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن