سؤال في لغة css

الصورة يتم وضعها بشكل صحيح لا مشكلة . المشكلة لديك في حجم الصورة . لاحظ كيف أن حجم الصورة لديك كبير لهذا تظهر كبيرة وبخارج ال nav.

لاحظ أن طول عنصر ال a بداخل الnav هو 50px . ولكن الصورة أنت حددت لها عرض 150px وبالتالي ستأخذ طول 150px وبهذا فهي أكبر من طول عناصر ال nav ب 100px لهذا تظهر خارج ال nav.

الحل هو تغير طول عناصر ال a مع تقليل ال padding في عنصر ال nav وتغير عرض وطول الصورة إلى 100px.

لذلك في ملف style.css سطر 51 يجب إستبداله بالتالي :

padding: 0 30px;

وسطر 65 بالتالي :

height: 100px; /* يمكنك تغيير الحجم حسب الحاجة */

والآن في ملف 1.html سطر 24 يرجى إستبداله بالتالي :

<a href="#home" class="img2"><img src="image/logo-company.png" alt="" width="100px"></a>

وإذا أردت زيادة حجم الصورة يجب زيادة الطول أيضا في سطر 65 في ملف css . ويفضل إستخدام صورة ذات أبعاد صغير وليس كبيرة حيث الصورة المستخدمة ذات أبعاد 500*500 وهي ليست جيده لوضعها في ال nav .

وهذه هي النتيجة بعد التعدلات السابقة :

1.html style.css