مشکل با هاور

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

٨٠٩ visibility

تگ شده :  ,

نویسنده پست
شنبه ، ۱۱ بهمن ۱۳۹۳     ۳:۰۴ ب.ظ #


Hossein

Subscriber
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  تشکر
check_box این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
شنبه ، ۱۱ بهمن ۱۳۹۳     ۸:۰۵ ب.ظ #


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

Authorplus
837 پست10 تاپیک

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

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

موفق باشید

1  تشکر
شنبه ، ۱۱ بهمن ۱۳۹۳     ۸:۲۷ ب.ظ #


Hossein

Subscriber
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  تشکر
شنبه ، ۱۱ بهمن ۱۳۹۳     ۸:۳۰ ب.ظ #


Hossein

Subscriber
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  تشکر
یکشنبه ، ۱۲ بهمن ۱۳۹۳     ۱۲:۵۵ ب.ظ #


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

Authorplus
837 پست10 تاپیک

الان چطوره؟

1  تشکر
یکشنبه ، ۱۲ بهمن ۱۳۹۳     ۱:۱۰ ب.ظ #


Hossein

Subscriber
20 پست9 تاپیک

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

0  تشکر
یکشنبه ، ۱۲ بهمن ۱۳۹۳     ۵:۲۴ ب.ظ #       check_box پاسخ تائید شده توسط سوال کننده


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

Authorplus
837 پست10 تاپیک

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

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

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