m!lad

مشکل در css منوی

8 پست در این موضوع قرار دارد

سلام دوستان

وقتی به زیر ناحیه که دارای زیر منو هستش میرم زیر منو خودش باز میشه(ناحیه hover به اندازه کل زیر منو میشه ) چه طوری درستش کنم

<div class="smenu">
<ul>
<li><a href="#"> لینک ازمایشی </a>
<ul>
<li><a href="#"> لینک ازمایشی </a></li>
<li><a href="#"> لینک ازمایشی </a></li>
<li><a href="#"> لینک ازمایشی </a></li>
<li><a href="#"> لینک ازمایشی </a></li>
</ul>
</li>
<li><a href="#"> لینک ازمایشی </a></li>
<li><a href="#"> لینک ازمایشی </a></li>
</ul>
</div>

.smenu {
float:right ; background:#0C9 ; margin:0 500px
}
.smenu ul {
list-style:none
}
.smenu ul li {
float:right;
margin: 12px 0 10px 14px; position:relative
}
.smenu ul li a {
color:#ffffff;
font:normal 13px BYekan;
padding:2px;
border-radius:5px;
transition:all 0.3s;
-webkit-transition:all 0.3s
}
.smenu ul li a:hover {
color:#696969;
background:#d7d7d7
}

.smenu ul li>ul { background: #E64646;
float: right;
top: 24px;
right: -1px;
position: absolute;
width: 100px;
border-radius: 5px; z-index:100 ; opacity:0 ;
}
.smenu ul li:hover ul { opacity:1}
.smenu ul li ul>li { margin:2px ; float:right ; }

0

به اشتراک گذاری این پست


لینک به پست


.smenu ul li a:hover {
color:#696969;
background:#d7d7d7
}

a رو وردارین ببینین درست میشه ... ؟ ؟

1

به اشتراک گذاری این پست


لینک به پست

خیر نشد

0

به اشتراک گذاری این پست


لینک به پست
http://codepen.io/anon/pen/LBtKw این نمونه ساده رو ببینید.
4

به اشتراک گذاری این پست


لینک به پست

از این میشه تو وردپرس استفاده کرد؟؟؟؟؟؟؟؟؟

مگه تو وردپرس به جای تگ ul از کد برای فهرست استفاده نیکنیم

اگه تو تگ ul کلاس یا ایدی بدیم استایلش فراخونی نمیشه که!!!!!!

0

به اشتراک گذاری این پست


لینک به پست

از این میشه تو وردپرس استفاده کرد؟؟؟؟؟؟؟؟؟

مگه تو وردپرس به جای تگ ul از کد برای فهرست استفاده نیکنیم

اگه تو تگ ul کلاس یا ایدی بدیم استایلش فراخونی نمیشه که!!!!!!

مشکلی نداره. خروجی فهرست وردپرس ul و li هست. شما کافیه css ها رو اضافه کنید و به جای ساختار html تابع فراخوانی فهرست بنویسید.

2

به اشتراک گذاری این پست


لینک به پست

ممنون

میشه یه منو که فقط با ul li ( زیرمنو هم داشته باشه) استایل دهی شده معرفی کنید

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

الان درست شده ؟؟؟

ویرایش شده در توسط hamid_khaleghi
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری