2013-04-02 135 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