• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
اشکالی در منوی افقی در CSS
#1
سلام دوستان

یه اشکالی در ساخت منوی افقی دارم. وقتی با موس روی منو میرم رنگ منو تغییر می کنه ولی نوشته رو نشان نمیده،

تا زمانیکه موس دقیق ببرم روی خود نوشته تا رنگ نوشته تغییر کنه و نشونش بده.

[عکس: 1.jpg]

[عکس: 2.jpg]

این عکس آخری وقتی که موس دقیقا روی نوشته میره و نوشته هم تغییر رنگ میده و نشون داده میشه.

[عکس: 3.jpg]

چه کدی رو نزدم که این مشکل وجود دارد ؟؟

من قصدم این بود وقتی موس روی منو میره کل منو تغییر رنگ بده و نه جداگانه نوشته و منو تغییر کنه.

ممنون از راهنمایی تون
  پاسخ
تشکر شده توسط :
#2
شما اومدید رنگ هاور رو روی تگ a گذاشتی که وقتی هاور شد رنگش بشه آبی شما باید این هاور رو روی li تعریف کنید که اگه هاور شد رنگ متن داخلش هم عوض بشه

مثال
کد پی‌اچ‌پی:
<style>
li:hover
{
    
color:red;
}
</
style

یا اینکه رنگ متنت هنگام هاور شدن li سفید هست و توش گم میشه اینارو بررسی کن از inspect element استفاده کن زومدتر به نتیجه میرسی
  پاسخ
تشکر شده توسط : abi2016
#3
ممنون از راهنمایی تون.

اشکال پیدا کردم. من در تگ Li تگ a تعریف کرده بودم که باید برعکس اینکارو انجام می دادم.

الان در تگ a تگ Li تعریف کردم و مشکل حل شد.

کد پی‌اچ‌پی:
<a href="#"><li>تماس با ما</li></a
  پاسخ
تشکر شده توسط :
#4
نه اینکارتون اشتباهه. اول li میاد و بعد تگ A.
کد:
li a{ display:block }
li a:hover { color: #333 } // مثلا
بنده طعم ايمان را نمي چشد، تا اينكه دريابد آنچه اتفاق نيفتاده است نمي شد كه اتفاق بيفتد؛و آنچه شده و اتفاق افتاده است,نمي شد كه نشود و اتفاق نيفتد....حضرت علي(ع)
  پاسخ
تشکر شده توسط : abi2016


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان