Question

在我的主菜单中进行更改后，我的搜索功能无效。我创建了一个下拉菜单，但现在问题在于我的搜索字段与主菜单内联。移动光标时它会冻结它没有发生。

＆＃13;

div.mainmenu { background: url('images/body-bg.gif') 0px -50px repeat-x; }
div.mainmenu div.center { background: url('images/body-bg.gif') 0px -50px repeat-x;
	border-bottom-color: #007399; border-left: none; border-right: none; }

ul.mainmenu { position: relative; height: 28px; padding: 4px 0px 5px 0px; }
ul.mainmenu li { list-style-type: none; float: left; padding: 5px 10px 5px 12px; margin: 0px; font-size: 15px; }
ul.mainmenu li a { color: #000;  }
ul.mainmenu li a:hover { color: #e0f0ff; }

ul.mainmenu img { width: 20px; height: 20px; vertical-align: middle; margin: 0px 0px -2px 0px; }

ul.dropdown { position: absolute; overflow: hidden; top: 24px; margin: 0; display: none; background: #ccc; padding: 0; max-width: 100px; }
ul.mainmenu li:hover .dropdown, .dropdown:hover { display: block; }

＆＃13;

<div class="mainmenu">
		<div class="center">
		<div class="body">
			<div class="searchbox">
				<form action="<?=$site_folder?>/search.php" method="GET">
					<input type="text" class="text" name="search" value="<?=$_REQUEST['search']?>" />
					<input type="submit" value="Search" />
				</form>
			</div>
			
			<ul class="mainmenu">
				<li><a href="<?=MakeUrl('home')?>">Best Forex Broker</a></li>
				<li><a href="<?=MakeUrl('toprated')?>">Top Rated Brokers</a></li>
				<li><a href="<?=MakeUrl('coupons')?>"> Forex Bonus</a>

<ul class="dropdown">
            <li><a href="#">drop1</a></li>
            <li><a href="#">drop2</a></li>
            <li><a href="#">drop3</a></li>
        </ul></li>
				<li><a href="<?=MakeUrl('articles')?>">Articles & Tutorials</a></li>
				<li><a href="<?=MakeUrl('affiliates')?>">Affiliate Programs</a></li>
				<li>
					<a href="<?=MakeUrl('feeds')?>"><img src="<?=$site_folder?>/images/rss.png" alt="RSS" /></a>
					
				</li>
				<li>&nbsp;</li>
			</ul>
		</div>

＆＃13;

我希望有人能再次帮助我。

Answer 1

 ul.mainmenu {
 position: relative;
 height: 28px;
 padding: 4px 0px 5px 0px;
}

此处你有position:relative我不知道此时的目的，但是如果你删除它或用position:inherit替换，你的搜索框就可以了。

搜索表单不起作用冻结

1 个答案: