آموزش طراحی وب

عمل نکردن خاصیت ;display:none

0
0

با عرض سلام…..من در حال طراحی یک منوی ساده با css هستم.
می خواهم با استفاده از خاصیت display زیر منوها رو به طور موقت پنهان کنم اما بعد از استفاده از کد display:none باز هم زیر منوها نمایش داده می شوند….شما می دانید علت جیست؟ این هم کدهاش در notepad…..

body{
font:18px;
font-family:tahoma;
}
#navigation{
width:180px;
margin:80px;
list-style:none;
background:#666;
}
#navigation li{
border-bottom:#fff solid;
border-top”#fff solid;
border-width:1px;
}
#navigation a{
text-decoration:none;
color:#fff;
line-height:25px;
}
#navigation a:hover{
text-decoration:underline;
}
#navigation li:hover{
background:#f90;
position:relative;
}
u1.sub-level {
display:none;
}
#navigation li:hover .sub-level {
background:#999;
border:#fff solid;
border-width:1px;
display:block;
position:absolute;
right:150px;
top:5px;
}

  • You must to post comments
0
0

سلام ،
شما عبارت u1 را پیش از کلاس sub-level وارد کرده اید که فکر می کنم اشتباه از این جا باشه و باید اون رو پس از کلاس sub-level وارد کنید ، یعنی به این صورت :

sub-level u1.

  • الناز
    نه….متاسفانه تغییری نکرد…..خیلی ممنون از جوابتون
  • امین
    خواهش می کنم ، اگر کد HTML رو هم بگذارید شاید بهتر بتونم کمکتون کنم
  • You must to post comments
0
0
  • You must to post comments
0
0

سلام دوست عزیز

شما کد html تونم مشکل داره ، باید تمامی li ها داخل ul باشن، برای زیر مجموعه ها هم یه ul > li دیگه داخل li ها بسازید.

ابتدا کد html تون رو اصلاح کنید.

موفق باشید

  • You must to post comments
نمایش 3 نتیجه
پاسخ شما

لطفا جهت ارسال پاسخ به سایت .

سوالی دارید؟

اموزش تصادفی