مشکل در منو
#1
Note 
سلام من یک منو طراحی کردم میخوام وقتی روی گزینه هاش میرم یعنی a :hover یک عکس دربک گراندش نمایش بده
نمایش میده اما جاش مناسب نیست چطوری میتونم جاشو درست تنظیم کنم؟؟؟
عکس
عکسشو گذاشتم ممنون میشم کمکم کنید.

#2
Note 
سلام
با عکس که نمیشه داداش باید کد رو بذاری اما برای مشخص کردن محل نمایش بک گراند از background-position استفاده میشه.
مثال:
[CSS]
body {
background-image: url('smiley.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
[/CSS]

#3
Note 
با عکس مشخص نیست!!!
background-position استفاده کردم.
کد html
[HTML]<nav>
<div class="nav">
<ul>
<li><a href="#">صفحه نخست</a></li>
<li><a href="galeri.html">گالری تصاویر</a></li>
<li><a href="#"> درباره ی ما</a></li>
<li><a href="#">ارتباط با ما</a></li>
</ul>
</div>
</nav>
[/HTML]
کد css
[CSS].nav{
width:80%;
height:50px;
padding-right:20px;
position: relative;
top: 75px;
right:205px;
font-size:20px;
font-family:BTitrTGEBold;

}
.nav ul{
list-style:none;
padding:0;
margin:0;

}
.nav ul li{
float:right;
}
.nav ul li a{
height:50px;
color:#ffffff;
padding:0 15px;
text-decoration:none;
display:block;


}
.nav ul li a:hover{
background-image:url('../image/nav.png');
height:73px;
background-position:center;
background-repeat:no-repeat;
}
[/CSS]

#4
Note 
درود دوست عزیز
تصویر رو نباید تو hover مشخص کنی تو hover فقط position و تغییر بده
اینطوری:
[CSS]
.nav ul li a{
display:block;
height:50px;
color:#ffffff;
padding:0 15px;
text-decoration:none;
background-image:url('http://www.softafzar.net/customavatars/avatar4535_1.gif');
background-position: 0 -100px;
background-repeat:no-repeat;


}
.nav ul li a:hover{
background-position:center;
}
[/CSS]
امیدوارم مشکلت حل بشه

#5
Note 
خیلی ممنون بابت پاسختون
اما حل نشدConfusedadsmiley:
کاری که گفتید کردم اماهیچ فرقی نکرد
تو عکسی که گذاشتم اگر نگاه کنید بک گراندی که برای منو انتخاب کردم با رفتن روی هر li نمایش میده اما پایینه من میخوام متن (مثلا صفحه اصلی ) در مرکز بک گراندم بیافته اما نمی دونم چطوری این کار رو بکنم:91:
ممنون میشم کمکم کنید

#6
Note 
با همون background-position: 0 -100px; باید درستش کنی

#7
Note 
خیـــــــــــــــــــلی ممنون برای راهنماییتون
مشکلم حل شدConfusedmiles (51):Confusedmiles (51):Confusedmiles (51):

ایجاد موضوع جدید     موضوع بسته شده است 

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