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

كيفيه وضع الكلام تحت الصوره

Rawan Walid

السؤال

Recommended Posts

  • 0

هنالك العديد من الطرق للقيام بذلك مثل :

1- يمكنك حل المشكلة بجعل الصورة خلفية background للعنصر الذي يحتوي الكلام.

background-image: url("المسار الخاص بالصورة");

2- تعديل ال index الخاص بالصورة :

 

z-index: -1

والذي يعبر عن ترتيب العناصر فوق بعضها البعض.

وعندما تجعل ترتيبها -1 فإنها تصبح خلف كل العناصر.

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

  • 0
بتاريخ 5 دقائق مضت قال Rawan Walid:

بس هما كذا صوره فوق بعد مش صوره واحده 

طب هل في طريقه اني اعدل الbading بس من ال height بس 

او اني اغير ابعاد ال div الخاص بالكلام عشان ينزل تحت

نعم قد يكون القيام بذلك هو الحل الامثل

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

  • 0
بتاريخ 56 دقائق مضت قال Rawan Walid:

ما هي طريقه تغير الابعاد لل div

من خلال CSS حيث يوجد خاصية width وهي تحدد عرض العنصر، وخاصية height والتي تحدد ارتفاع العنصر.

div {
  width: 200px;
  height: 100px;
}

 

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

  • 0
بتاريخ On 12‏/3‏/2024 at 10:27 قال Rawan Walid:

بس هما كذا صوره فوق بعد مش صوره واحده 

طب هل في طريقه اني اعدل الbading بس من ال height بس 

او اني اغير ابعاد ال div الخاص بالكلام عشان ينزل تحت

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

  • استخدام الخاصية position 
  • استخدام ال translate 

والعديد من الطرق الأخرى حيث التنسيقات الموجودة بالموقع الخاص بك 

لذلك حاول تنفيذ ما تريده وسيتم مساعدتك في حال واجهت أي مشكلة

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

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...