مشکل با هاور

این تاپیک 6 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  محمد اسفندیاری ،‏ 1 سال و 10 ماه پیش .

این تاپیک تاکنون 619 بازدید داشته است .

تگ شده :  ,

نویسنده پست
شنبه ، 31 ژانویه 2015     3:04 ب.ظ #


Hossein

Subscriber
VIP
20 پست9 تاپیک

سلام من کدهای زیر را می نویسم ولی محدوده هاور 100% عرض صفحه است،وقتی به آن width می دهم این محدوده کاهش می یابد اما بازم قبل از اینکه لینک را هاور کنم هاور انجام می شود و وقتی به تگ a اول هاور را اختصاص می دهم تا تگ a دوم را نمایش دهد به این کل کار نمی کند.لطفا راهنمایی بفرمایید چگونه می توانم کاری کنم که فقط با رفتن روی لینک هاور صورت بگیرد.

ul{
list-style: none;
}
ul li a{
background: #ff0000;padding: 5px;
width: 200px;

}
ul li ul li a{
display: none;

}
ul li:hover ul li a{
display: block;
}

یا

ul{
list-style: none;
}
ul li a{
background: #ff0000;padding: 5px;

}
ul li ul li a{
display: none;

}
ul li a:hover ul li a{
display: block;
}

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
شنبه ، 31 ژانویه 2015     8:05 ب.ظ #


محمد اسفندیاری

Authorplus
VIP
817 پست10 تاپیک

دوست عزیز بهتره که برای a مستقیما width رو مشخص نکنید و عرض li رو مشخص کنید و بعد a هارو display : block قرار بدین

اگه مشکلتون حل نشد ، کدهاتون رو قرار بدین تا درستش کنیم

موفق باشید

1  تشکر
شنبه ، 31 ژانویه 2015     8:27 ب.ظ #


Hossein

Subscriber
VIP
20 پست9 تاپیک

hover test

ul{
list-style: none;
}
ul li a{
background: #ff0000;
}
ul li{
width: 100px;
}
ul li ul li a{
display: none;

}
ul li:hover ul li a{
display: block;
}

text1

text2

0  تشکر
شنبه ، 31 ژانویه 2015     8:30 ب.ظ #


Hossein

Subscriber
VIP
20 پست9 تاپیک

<html>
<head>
<title>hover test</title>
<style>
ul{
list-style: none;
}
ul li a{
background: #ff0000;
}
ul li{
width: 100px;
}
ul li ul li a{
display: none;

}
ul li:hover ul li a{
display: block;
}

</style>
</head>

<body>
<ul>
<li>
<a rel="nofollow" href="#">text1</a>
<ul>
<li>
<a rel="nofollow" href="#">text2</a>
</li>
</ul>
</li>
</ul>

</body>
</html>

0  تشکر
یکشنبه ، 1 فوریه 2015     12:55 ب.ظ #


محمد اسفندیاری

Authorplus
VIP
817 پست10 تاپیک

الان چطوره؟

پیوست ها:
You must be logged in to view attached files.
1  تشکر
یکشنبه ، 1 فوریه 2015     1:10 ب.ظ #


Hossein

Subscriber
VIP
20 پست9 تاپیک

الان از قبل بهتر شد ولی اگر میشد یه جوری اثر display:block رو خنثی کرد در عین حال a های مخفی شده هم با هاور نمایش داده می شدند خیلی خوب میشد.در کل منظورم یه چیز تو مایه های دستور visibility هست فقط بدیش اینه که جای المنت تو صفحه باقی میمونه.

0  تشکر
یکشنبه ، 1 فوریه 2015     5:24 ب.ظ # پاسخ تائید شده توسط سوال کننده


محمد اسفندیاری

Authorplus
VIP
817 پست10 تاپیک

در این موارد که یخورده غرو غاطی میشه بهتره که از jquery‌استفاده کنید

2  تشکر
پست 1 تا 7 (از مجموع 7 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .