ما سبب المسافة البيضاء التي تظهر في القيمة المسندة لخاصية src في مسار الصورة؟

تأكد من عدم إرفاق أية مساحات بيضاء قبل إرفاق اسم ملف الصورة ، في : 
 

images/ Penguins.png

لكن كون العملية مُتحكمٌ فيها عن طريق الـ PHP فيحتمل أنك لسبب ما تضيف فراغا عند إدراجك للعمود img في الجدول الذي تحاول الإستعلام منه .  

ورغم أنه يُفضّل تتبع شيفرة الإدراج إلا أنه يمكنك حذف الفراغات في بداية ونهاية إسم الصورة عن طريق الوظيفة trim . إذ تقوم هاته الوظيفة بإزالة المسافات البيضاء (whitespace) (محارف الفراغات) أو أي محرف آخر من بداية السلسلة النصيَّة المررَّة إليها ونهايتها. 
لتكون الشيفرة التي لديك كالتالي :

src="images/<?php echo trim($cours['img']); ?>"

الناتج : 
 

images/Penguins.png

• توثيق الدالة trim .

يجب أيضا بعد التأكد من أن قيمة اسم ملف الصورة لا يجوي فراغات في بدايته كما ذكر عدنان، التأكد من مسار الصورة وتحديدا مكان تواجد ملف الصور images،

تحديدك لمسار الصورة كالتالي يعني أن ملف الصور images مرتبط بمسار الصفحة الحالية.

# قيمة مسار الصورة
images/image.png

# بفرض مسار الصفحة الحالي
example.com/some/path

# مسار الصورة سيكون
example.com/some/path/images/image.png

اذا كان مسار الصور الصحيح هو مطلق وليس نسبي (أي ليس متعلق بمسار الصفحة الحالية)، فيجب إضافة "/" لبداية المسار.

# قيمة مسار الصورة
/images/image.png

# بفرض مسار الصفحة الحالي
example.com/some/path

# مسار الصورة سيكون
example.com/images/image.png