🔥 با کمک هوش مصنوعی در کمتر از 6 ماه فول‌استک شوید ...
۰ ثانیه
۰ دقیقه
۰ ساعت
۵ استاد مهستی سروستانی
مشکل در نشون دادن آیکون ها
جامعه Html & CSS ایجاد شده در ۱۴ آبان ۱۴۰۱

سلام. وقت بخیر

می شه مشکل مربع نشون دادن آیکون‌ها رو حل کنید؟

//تاپیک دوستان رو دیدم و کمکی نکرد

درود

کد رو در یک کدپن آپلود کنید و در اینجا قرار بدید تا بتونیم بررسی کنیم.

جواد رحمانیان ۱۴ آبان ۱۴۰۱، ۱۰:۴۰

https://codepen.io/Sahar_Pashaei/pen/JjZRdrM

استاد مهستی سروستانی ۱۴ آبان ۱۴۰۱، ۱۴:۰۴

ممنون بابت آپلود. درمورد آیکون دو نکته وجود داره:

  • برای گذاشتنش حتی الامکان از تگ i استفاده کنید. بعد span و نهایتا p. اینکه به المانهایی مثل h1 تخصیص بدید اصلا کار درستی نیست و بجز اینکه در نود درصد مواقع درست نشون نمیده، به سئو لطمه میزنه.
  • اون لینکی که باهاش آیکونها رو import میکنید اگر مشکل داشته باشه کلا آیکون رو نشون نمیده.

برای مثال میتونید این مثال از آیکون رو ببینید. اگر همچنان اصرار به استفاده از h1 دارید هم این تاپیک استک رو مطالعه کنید.

جواد رحمانیان ۱۵ آبان ۱۴۰۱، ۰۶:۰۱

پس اگه لازم باشه کنار تایتل از یه آیکونی استفاده بشه( یا هر تگ بلاکی دیگه ای)-یا تو منو آیکون سبد خرید بذاریم فرضا، باید آیکون رو در بذاریم تو i و display تگ هدینگ رو inline کنیم که بشینه کنارش؟ پس از before - after نمی‌شه استفاده کرد واسه درج آیکون?

استاد مهستی سروستانی ۱۶ آبان ۱۴۰۱، ۰۴:۴۳

بله دقیقا به همین صورت باید پیاده سازی کنید.

after- before بیشتر برای تغییر حالت (مثلا وقتی روی یچیزی کلیک یا هاور میکنیم) به کار میره.

بهترین پاسخ
جواد رحمانیان ۱۶ آبان ۱۴۰۱، ۰۵:۴۲