小编Mar*_*ith的帖子

如何使用下拉菜单创建垂直导航栏?

我有一个垂直导航栏.现在,这个导航栏应该有下拉菜单.对我来说唯一的问题是,我无法做到这一点,以便下拉菜单位于菜单的一侧.我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 css vertical-alignment navbar drop-down-menu

6
推荐指数
1
解决办法
3万
查看次数

区分大小写的HTML搜索栏

我有这个搜索栏,当用户输入一个单词时,会出现搜索的文件名.为了更清楚地解释这一点,我将添加我目前正在处理的代码.

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",则搜索将失效.有谁知道如何使这个几乎无知的案件和空间?谢谢.

html php

2
推荐指数
1
解决办法
308
查看次数

标签 统计

html ×2

css ×1

drop-down-menu ×1

navbar ×1

php ×1

vertical-alignment ×1