نیامدن زیر منو زمانی که از ایکون بجای li استفاده میشه

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام ببخشید من یه زیر منو طراحی کردم و یه ایکون گذاشتم که زمانی روی ایکون hover بشه اون زیر منو display: block; باشه ولی متاسفانه هرچی میکنم نمیشه و هم ایکون و هم اون زیر منو داخل یه تگ a هستن مشکلش چیه ؟ ممنون از همکاریتون

درود

کدتون رو در کدپن بفرستید تا بررسی کنیم.

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

    <a href=""><span class="material-symbols-outlined white-color pt-10" style="float:left; padding-left: 32px; font-size: 30px;">menu_openspan>
    <ul class="menu-box-1" style="background-color: #fff;">
      <li>آدرس فروشگاهli>
      <li>پیگیری سفارشli>
      <li>درباره ماli>
    <ul>a>
<style>
.menu-box-1{
  display: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  top: 45px;
  left: 32px;
  border-radius: 0 1em 1em 1em;
}
.container span.material-symbols-outlined:hover .menu-box-1{
  display: inline;
}

محمدرضا یاسمن ۰۷ خرداد ۱۴۰۲، ۰۶:۴۲

نه اینجا کد بهم میریزه نمیشه بررسی کرد :))))

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

بهترین پاسخ

نازنین کریمی مقدم ۰۸ خرداد ۱۴۰۲، ۰۹:۲۰

ممنون با جی کوئری برطرف شد ?

محمدرضا یاسمن ۱۱ خرداد ۱۴۰۲، ۱۱:۲۵