دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۵ سحر پاشائی
مشکل در نشون دادن آیکون ها
جامعه Html & CSS ایجاد شده در ۱۴ آبان ۱۴۰۱

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

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

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

درود

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

نازنین کریمی مقدم ۱۴ آبان ۱۴۰۱، ۱۰:۴۰

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

سحر پاشائی ۱۴ آبان ۱۴۰۱، ۱۴:۰۴

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

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

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

نازنین کریمی مقدم ۱۵ آبان ۱۴۰۱، ۰۶:۰۱

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

سحر پاشائی ۱۶ آبان ۱۴۰۱، ۰۴:۴۳

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

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

بهترین پاسخ
نازنین کریمی مقدم ۱۶ آبان ۱۴۰۱، ۰۵:۴۲