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

السؤال

Recommended Posts

  • 1
نشر

هل قمت بإضافة position: relative للأب ؟

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

كما انك لست بحاجة لعمل position في هذا الكود حيث يمكنك التحكم في موضع ال icon باستخدام الـ flex حيث تقوم بوضع النص في span و تعطي الاب الخصائص التالية :

<button>
  <span>االزر الخاص بي</span>
  <i>الأيقونة الخاصة بي</i>
</button>
<style>
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
</style>

وتتحكم بالمسافة بين الايقونة و النص باستخدام الـ gap.

  • 1
نشر
بتاريخ 8 دقائق مضت قال Mohamed Eid:

اشكرك فهمت قصدك بخاصية ال flex  لكن محطتش اى position للاب لان انا خليت ال icon => position relative 

لكن مش فاهم هى ليه مش بتتحرك من مكانها مع خاصية ال position relative 

HafsQuran.rar

ويبدو أنك لم تعطي الايقونة الخاصية position relative قبل إعطائها الـ top و الـ left،  أو انك لم تقم بمشاركة نفس الملفات التي كنت تعمل عليها في الصورة.

فقد جربت الكود الخاص بك وقمت بإضافة كل من position relative و الـ top و الـ left للأيقونة وعملت كما ينبغي

  • 1
نشر
بتاريخ 1 دقيقة مضت قال Mohamed Eid:

طيب هحاول مرة تانية واشكرك على وقتك 

حسناً حاول واخبرني بالنتيجة،

قم بكتابة الاكواد في CSS قبل إرسال الملفات في حال واجهت نفس المشكلة مرة أخرى وذلك لكي اعرف ما لذي فعلته بالضبط.

  • 0
نشر
بتاريخ 8 دقائق مضت قال عمر قره محمد:

هل قمت بإضافة position: relative للأب ؟

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

كما انك لست بحاجة لعمل position في هذا الكود حيث يمكنك التحكم في موضع ال icon باستخدام الـ flex حيث تقوم بوضع النص في span و تعطي الاب الخصائص التالية :


<button>
  <span>االزر الخاص بي</span>
  <i>الأيقونة الخاصة بي</i>
</button>
<style>
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
</style>

وتتحكم بالمسافة بين الايقونة و النص باستخدام الـ gap.

اشكرك فهمت قصدك بخاصية ال flex  لكن محطتش اى position للاب لان انا خليت ال icon => position relative 

لكن مش فاهم هى ليه مش بتتحرك من مكانها مع خاصية ال position relative 

HafsQuran.rar

  • 0
نشر

لاحظ أنه يظهر لك مثلث (invalid property value) لإنك لم تقوم بوضع الوحدة مثل px أو غيرها ، لذلك حاول جعل القيمة بهذا الشكل .  

top: 20px;
left: 15px;

ولضبط الأيقونة بالشكل الصحيح نقوم بإعطائها الخواص التالية ،علماً أنه يجب إعطاء الوسم button الخاصية  position: relative; . 

position: absolute;
top: 5px;
right: 0;

 

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...