我有一个垂直导航栏.现在,这个导航栏应该有下拉菜单.对我来说唯一的问题是,我无法做到这一点,以便下拉菜单位于菜单的一侧.我HTML and CSS在这里有jsFiddle上的代码:http://jsfiddle.net/maxkoenig/ZYUeX/
如果您不想访问网站,请点击
这里:HTML:
<div id="wrap">
<ul class="navbar">
<li><a href="/index.php">Home</a></li>
<li><a href="/boattypes/featureboats.php">Boat Types</a>
<ul>
<li><a href="/boattypes/sprint/sprint.php">Sprint</a></li>
<li><a href="/boattypes/fitnesstouring/fitnesstouring.php">Fitness-touring</a></li>
<li><a href="/boattypes/marathon/marathon.php">High Performance</a></li>
<li><a href="/boattypes/surfski/surfskis.php">Surf Skis</a></li>
</ul>
</li>
<li><a href="/rent/services.php">Inventory</a>
<ul>
<li><a href="/rent/memb.php">Membership</a></li>
<li><a href="/rent/rboat.php" >Rentals</a></li>
<li><a href="/rent/rb.php">Banquet</a></li>
<li><a href="/rent/faq.php">FAQ</a></li>
</ul>
</li>
<li><a href="/ages/ages.php">Ages</a>
<ul>
<li><a href="/ages/adult.php">Adults</a></li>
<li><a href="/ages/children.php">Children</a></li>
</ul>
</li>
<li><a href="about.php">About Us</a>
<li><a href="contact_us.php">Contact Us</a>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
#wrap {
width: 150px;
height: 50px;
padding-bottom: 10px;
margin: 0; /* Ensures there is no space …Run Code Online (Sandbox Code Playgroud) 我有这个搜索栏,当用户输入一个单词时,会出现搜索的文件名.为了更清楚地解释这一点,我将添加我目前正在处理的代码.
HTML
<form method="post" action="submit.php">
<input name="search" type="text" value="">
<button type="submit" name="Submit">
Submit</button>
</form>
Run Code Online (Sandbox Code Playgroud)
submit.php
if (isset($_POST['search'])){
header( 'Location: http://headerLocation/'.$_POST['search'].'.xml' ) ;}
else {
echo "Warning, your request could not be completed";
}
?>
Run Code Online (Sandbox Code Playgroud)
这种方法非常有效,除了它区分大小写并且如果有任何额外空间也会出错.例如,如果我搜索"hello",并且文件名为"Hello"或"hello",则搜索将失效.有谁知道如何使这个几乎无知的案件和空间?谢谢.