2013-04-02 103 views
0

我不明白我如何在不放大其他元素的情况下在html中隐藏表单。这是一个HTML表单隐藏下拉菜单:隐藏html表格放大元素

<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">          Language <i class="icon-angle-down"></i>             </a>             
<ul class="dropdown-menu" style="background:#a2a2a2"> 
    <li> 
     <form id="form-ItemIDLangID" action="ItemView.php" method="post"> 
      <a href="javascript:;"onclick="document.getElementById('form-ItemIDLangID').submit();">English</a> 
      <input type="hidden" name="itemPOST" value='itemID'> 
      <input type="hidden" name="langPOST" value='langID'> 
     </form> 
    </li> 
    ... 
</ul> 

,这是结果:

enter image description here

无形式:

<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">          Language <i class="icon-angle-down"></i>             </a>             
<ul class="dropdown-menu" style="background:#a2a2a2"> 
    <li> 
     <a href="#">English</a> 
    </li> 
    ... 
</ul> 

这就是结果:

enter image description here

我无法理解我如何使用窗体,并且在第一个图像中没有放大的效果,我希望它看起来像第二个图像,我该如何解决它?

+0

你有一个网站的链接,所以我们可以看到真人版 – Vector

+0

在你的css样式表上有一些类似'form>'的类吗? – pollirrata

+3

请创建一个jsFiddle或提供一个链接到您的网站。 –

回答

0

首先,您的HTML无效。 LI只能是其他LI的兄弟。 [更新:我没有看到在屏幕外的UL。我的错误。]

然后,您的窗体上可能会有样式导致图像中的灰色空间 - 类似form {margin-bottom: 15px;}。如果没有你的CSS或演示版本,这是不可能的。

+0

不是其他人的兄弟姐妹在哪里?我只把他们看作UL的孩子,所以我必须忽略它。 – Clayton

+0

在每个片段中,您都将锚定为LI的兄弟。 – isherwood

+1

我想你只是错过了代码右侧的UL标签。你必须向右滚动。我会继续编辑他的答案,以便更好地将其分配空间。 – Clayton