مشکل تو بخش برنامه نویسی منو ها

mostafa75 · خرداد 94

سلام دارم یه پوسته برای وردپرس مینویسم

یه جایی به مشکل خوردم عجیب هر کاری میکنم حل نمیشه

نمیدونم چرا تو بخش منو ها منوی اولی پایینتر از بقیه می ایسته


<div id="main-menu">
<ul id="ul-menu">
<li><a href="">فیلم</a></li>
<li><a href="">آهنگ</a>
<ul>
<li><a href="">دوبله</a></li>
<li><a href="">زبان اصلی</a></li>
</ul>
</li>
<li><a href="">فول آلبوم</a></li>
<li><a href="">تبلیغات</a></li>
<li><a href="">تماس با ما</a></li>
</div>


#main-menu
{
width:100%;
height:45px;
background:#666666;
float:right;
border-radius:15px;
}
#ul-menu li
{
font-family:'BYekan';
font-size:14px;
float:right;
position:relative;
list-style:none;
}
#ul-menu a
{
color:#FFF;
text-decoration:none;
padding:4.2px 20px;
display:block;
}
#ul-menu li:hover a
{
background:#C30;
color:#fff;
border-radius:4px;
}
#ul-menu li:hover li a
{
color:#000;
background:#CCC;
}
#ul-menu ul li a:hover
{
background:#c30;
color:#FFFFFF;
}
#ul-menu ul
{
display:none;
width:150px;
position:absolute;
border:1px solid #000;
}
#ul-menu li:hover>ul
{
display:inline-block;
}
#ul-menu ul li
{
float:none;
}

SM-Mahdavi · خرداد 94

سلام دوست عزیز

به انجمن خوش اومدین.

داخل codepen یا jsfiddle آنلاین کنید مشکل رو پیدا کنیم.

mostafa75 · خرداد 94

ببخشید تو این سایتا کد های PHP رو باید کجا بزنم؟

SM-Mahdavi · خرداد 94

سایت های بالا php ساپورت نمی کنن.

من خودم آنلاین تست کردم. مشکل از اینه که شما reset css استفاده نکردین. کد زیر رو اول فایل css بزارید حل میشه


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

mostafa75 · خرداد 94

نه فرقی نکرد


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="all"><!-----begin all---->
<!----begin menu----->
<div id="menu">
<div id="login">
    <a href="#" ><img src="image/login.png"/></a>
    </div>

    <div id="top menu">
	 <ul id="li-menu">
	    <li><a href="#">صفحه اصلی</a> </li>
	    <li><a href="#">درباره ما</a> </li>
	    <li><a href="#">تبلیغات</a> </li>
	    <li><a href="#">تماس با ما</a> </li>
	    </ul>
    </div>
    <div id="search">
    <form action="" method="get" id="search-form">
	 <input name="s" id="txt-form" type="text" />
	    <input id="btn-search" type="submit" />
    </form>
    </div>
</div>
<div id="logo-ads">
<div id="logo">
	 <a href="#"> <img src="image/logo.png"/> <a/>
    </div>
<div id="ads">
  <div id="adstop">
	 <a href="#"> <img src="image/ads.png"/> <a/>
	    </div>
	    <div id="adsdown">
	 <a href="#"> <img src="image/ads.png"/> <a/>
	   </div> 
</div>
</div>
<!---------begim main-menu------->
<div id="main-menu">
<ul id="ul-menu">
	    <li><a href="">فیلم</a></li>
	    <li><a href="">آهنگ</a>
	    <ul>
			   <li><a href="">دوبله</a></li>
				    <li><a href="">زبان اصلی</a></li>
	    </ul>
	    </li>
	    <li><a href="">فول آلبوم</a></li>
	    <li><a href="">تبلیغات</a></li>
	    <li><a href="">تماس با ما</a></li>
</div>
</div><!----- end of all ----->
</body>
</html>


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
*
{
margin:0px;
padding:0px;
}
body
{
direction:rtl;
background:url(image/bg.png);
}
#all
{
width:994px;
height: 500px;
margin:auto;
}
@font-face {
    font-family:'BYekan';
    src: url('fonts/BYekan.eot?#') format('eot'),
   url('fonts/BYekan.woff') format('woff'),
   url('fonts/BYekan.ttf') format('truetype');
}
@font-face {
    font-family:'BKoodakbold';
    src: url('fonts/BKoodakbold.eot?#') format('eot'),
   url('fonts/BKoodakbold.woff') format('woff'),
   url('fonts/BKoodakbold.ttf') format('truetype');
}
/*********begin menu********/
#menu
{
width:100%;
height:40px;
background:#6e6e6e;
}
#login
{
padding: 7px 15px;
float:right;
}
ul#li-menu
{
float:right;
margin-top:7px;
}
ul#li-menu li
{
float:right;
padding-right:30px;
list-style:none;
}
ul#li-menu li a
{
color:#FFF;
    font-family:'BYekan';
font-size:13PX;
text-decoration:none;
padding:2px;
}
ul#li-menu li a:hover
{
background:#e14521;
border-radius:5px;
}
#search
{
width:250px;
height:30px;
float:left;
margin-left:30px;
margin:5px 0 0 30px;
}
#search-form
{
direction:ltr;
}
#search form input[type="text"]
{
border-radius:8px;
height:25px;
width:200px;
background:#CCC;
border-color:#333333;
direction:rtl;

}
#search form #btn-search
{
width:25px;
height:24px;
background:url(image/btn-search.png);
border:none;
cursor:pointer;
margin-left:7px;

}
/**********begin logo********/
#logo-ads
{
width:100%;
height:168px;
}
#logo
{
padding: 30px 60px;
float:right;
}
#adstop
{
float:right;
margin:20px 50px 0 50px;
}
#adsdown
{
float:right;
margin:2px 50px 1px 50px;
}
/**************begin main-menu**************/
#main-menu
{
width:100%;
height:45px;
background:#666666;
float:right;
border-radius:15px;
}
#ul-menu li
{
    font-family:'BYekan';
font-size:13px;
float:right;
position:relative;
list-style:none;
}
#ul-menu a
{
color:#FFF;
text-decoration:none;
padding:4.2px 20px;
display:block;
}
#ul-menu li:hover a
{
background:#C30;
color:#fff;
border-radius:4px;
size:auto;
}
#ul-menu li:hover li a
{
color:#000;
background:#CCC;
}
#ul-menu ul li a:hover
{
background:#c30;
color:#FFFFFF;
}
#ul-menu ul
{
display:none;
width:150px;
position:absolute;
border:1px solid #000;
}
#ul-menu li:hover>ul
{
display:inline-block;
}
#ul-menu ul li
{
float:none;
}

mostafa75 · خرداد 94

کسی نمیتونه مشکل رو حل کنه؟

ورود

مشکل تو بخش برنامه نویسی منو ها

پست های پیشنهاد شده

mostafa75 0

لینک به ارسال

SM-Mahdavi 5427

لینک به ارسال

mostafa75 0

لینک به ارسال

SM-Mahdavi 5427

لینک به ارسال

mostafa75 0

لینک به ارسال

mostafa75 0

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها