مشکل در منو

CSS

توسط a-z-n در 6 سال پیش
0 48.8k 6 6 سال پیش
a-z-n c0der toweb
0

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

0

سلام
با عکس که نمیشه داداش باید کد رو بذاری اما برای مشخص کردن محل نمایش بک گراند از background-position استفاده میشه.
مثال:

body {
    background-image: url('smiley.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
0

با عکس مشخص نیست!!!
background-position استفاده کردم.
کد 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>

کد 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;
}
0

درود دوست عزیز
تصویر رو نباید تو hover مشخص کنی تو hover فقط position و تغییر بده
اینطوری:

.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;
}

امیدوارم مشکلت حل بشه

0

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

0

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

0

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

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.