دلیل عمل نکردن hover روی منو چیه ؟

[amoor1363]

من یه منو طراحی کردم که تگهای li با position:absolute هستند وdiv نگهدارندش position:relativeهست برای این منو hover گذاشتم ولی عمل نمی کنه ؟
اینم کدش

<div id="title-linkp"><p class="title-linkp">پیوندها</p></div>
<div id="content-linkp">
<ul id="linp">
<li class="linkp1"><a class="b1" href=""> </a></li>
<li class="linkp2"><a class="b1" href=""></a></li>
<li class="linkp3"><a class="b1" href=""></a></li>
<li class="linkp4"><a class="b1"href=""> </a></li>
<li class="linkp5"><a class="b1" href=""> </a></li>
</ul>

</div>

و اینم یک قسمت از css:

ul#linp{
list-style-type: none;
position: relative;

}
ul li.linkp1{
height: 45px;
margin-bottom: -56px;
width: 200px;
background-image: url('img/pic1.png');
background-position: -913px -385px;
background-repeat: no-repeat;
display: block;
float: right;
z-index: 1320;
margin-top:10px;
position:absolute;
}

[jalil_gh]

شما hover رو کجا تعریف کردید؟؟؟

[tamafi6]

براي ساخت منوازposition:absoluteاستفاده نميكنن مخصوصازيرمنوها

[reza_edu]

سلام ممنونم که سوال رو اینجا مطرح کردید . این یه نشونه خوبه :لبخندساده: خوب حالا وقت دارم و جواب میدم .

این قطعه کد رو به فایل stylesheet.css اضافه کنید و بعد فایل pajohesh.html رو چک کنید .


#linp a:hover {
background-color: #000;
}


یه نکته برای اینکه کد هاتون درست نشون داده بشه سعی کنید کد هاتون رو تو XML که در ابزار بالا نشون داده شده بزارید تا خوانا تر بشه :لبخندساده:

[amoor1363]

من این css رو هم اضافه کردم ولی بازم نشد:گریه:

[maktoom]

سلام
این کدیه که باید برای شما هم جواب بده:
#linp a:hover{
color:red;
}
اگه نمیده یه جای کارتون میلنگه.
یکی از مشکلاتی که در پاسخ دادن باهاش مواجه هستیم اینه که نمی دونیم با یک فردی روبرو هستیم که تازه وارد کد نویسی شده یا قدری پیشرفتست.
الان من حتی احتمال میدم نحوه ساختار فایلتون هم ممکنه غلط باشه(محل قرار دادن فایل های استایل).

[amoor1363]

ممنون مشکل حل شد البته با تغییرات زیادی در کد بالا
از همگی ممنونم و بله من تازه واردم امیدوارم با کمک های شما مشکلاتم برطرف بشه