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

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

Naif Alghamdi

السؤال

قمت بتعين اقل طول لديف بـ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
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

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

min-height: 100px

يجب ان يكون

min-height: 100px;

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

 

نايف.JPG

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

  • 1

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

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

sublime text 3 emmet

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

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

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

div>ul>li

 

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

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

 

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...