التحدي http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive به مشكلة. يرجى وصف كيفية إعادة إنتاجه ، وتضمين روابط إلى لقطات الشاشة إن أمكن.
يوجد أدناه رمز لصورتين كما هو مطلوب. 2 من 3 اختبارات اجتازت. آخرها تقول أن عنوان URL للصورة يجب أن يكون " http://bit.ly/fcc-running-cats " كما هو موضح أدناه. يتم تحميل الصورة بشكل صحيح ولكن الاختبار لا ينجح.
img class = "thick-green-border img-responsive" src = " http://bit.ly/fcc-relaxing-cat "
img class = "thick-green-border img-responsive" src = " http://bit.ly/fcc-running-cats "
- إزالة علامات التشابك لمنع تحميل الصور
هل حاولت إعادة تعيين الاختبار إلى ولصقه مرة أخرى؟ عملت على الألغام.
@ شكرا سيدي castiq!
تحقق من دليل تنسيق التعليمات البرمجية لمعرفة كيفية عرض التعليمات البرمجية الخاصة بك وعدم جعلها تعرض html.
أعتقد أن مشكلتك هي أن علامة img الأولى ليست داخل <a>
من التحدي السابق:
<a href="#"><img class="smaller-image thick-green-border" src="http://bit.ly/fcc-relaxing-cat"></a>
<img class="thick-green-border img-responsive" src="http://bit.ly/fcc-running-cats">
يعمل بشكل جيد بالنسبة لي.
سأغلق هذا ولكن سأعيد فتحه إذا كنت لا تزال تواجه مشكلات.
تحتاج إلى إضافة s إلى http (https :)
التعليق الأكثر فائدة
تحتاج إلى إضافة s إلى http (https :)