قرار نگرفتن عکس روی هم

[r4hgozar]

#menu-home a {
background-image: url('image/home.icon.jpg');
background-repeat: no-repeat;
padding: 0px 10px 33px 12px;
line-height: 22px;
}
#menu-home:Hover {
height: 35px;
width: 35px;
background-image: url('image/home-hover.jpg');
background-repeat: no-repeat;
float: right;
}
#menu-home {
height: 40px;
width: 35px;
float: right;
}

سلام دوستان . من به تازگی دارم تمرین می کنم برای نوشتن قالب با استفاده از css.
من برای منو سایت دارم یه آیکن برای home قرار می دم. اما نمی دونم کجای کدم اشتباه که وقتی hover میشه. عکسم نمیوفته رو عکس home و صفه نمایش داده میشه.
ممنون میشم راهنامییم کنید.


موفق باشید

[pary_daryayi]

کد html اش رو هم بزارید. برای a هم hover نوشتید ؟

[mehbod.rayaneh]

سلام
توی hover اصولا همون چیزی ک میخواید تغییر کنه را استایل میدن!
شما اینجوری بذارید اگه نشد html را بذارید :

#menu-home a {
background-image: url('image/home.icon.jpg');
background-repeat: no-repeat;
padding: 0px 10px 33px 12px;
line-height: 22px;
}
#menu-home:Hover {
background-image: url('image/home-hover.jpg');
}#menu-home {
height: 40px;
width: 35px;
float: right;
}

[r4hgozar]

اینم کد اچ تی ام ال که دادم


<div id="body-wapper">
<div id="header-wapper">
<div id="header-logo"></div>
<div id="menu-wapper">
<div id="menu-list">
<div id="menu-home"><a href="#"></a></div>
</div>
</div>
</div>
</div>

[mehbod.rayaneh]

شما به a بکگراند دادید!!!
باید به همون a هم hover بدید!!!

#menu-home a {
background-image: url('image/home.icon.jpg');
background-repeat: no-repeat;
padding: 0px 10px 33px 12px;
line-height: 22px;
}
#menu-home a:Hover {
background-image: url('image/home-hover.jpg');
}#menu-home {
height: 40px;
width: 35px;
float: right;
}

[r4hgozar]

نه عزیز من نمی خوام به a رو hover بدم می خوام همونجوری که کد نوشتم انجام بشه. مشکلمم معلومه دیگه. اما بلد نیستم حلش کنم

[mehbod.rayaneh]

ینی چی ؟! مگه نمیخواید عکس home.icon.jpg وقتی موس رفت روش بشه home-hover.jpg ؟؟؟
شما باید به همون عنصری ک باید با موس عوض بشه hover بدید!

[2undercover]

باید اینجوری درست بشه:

#menu-home a {
background-image: url('image/home.icon.jpg');
background-repeat: no-repeat;
padding: 0px 10px 33px 12px;
line-height: 22px;
}
#menu-home:hover a {
height: 35px;
width: 35px;
background-image: url('image/home-hover.jpg');
background-repeat: no-repeat;
float: right;
}
#menu-home {
height: 40px;
width: 35px;
float: right;
}