2011-06-07 40 views
2

我有這樣的代碼如何排列我的DIV上的選擇列表?

<div id="one"> 
    <a href="#" id="test1" > 
    <button title="test1">test1</button> 
    </a> 
    <a href="#" id="test1" > 
    <button title="test1">test1</button> 
    </a> 
    <div id="two" style="background-color: red;"> 
    <form action="/adminTest" method="post"><select id="SelectedCode" name="SelectedCode"> 
<option value="1">1 page</option> 
<option value="2">2 pages</option> 
</select> <input type="submit" value="OK" /> 
</form> 
    </div> 
</div> 

我想我的選擇下拉菜單出現在按鈕的右邊,但它顯示如下。有沒有簡單的方法讓它看起來像我想要的樣子?

+3

圍繞一個按鈕的href?奇。 – Ruben 2011-06-07 09:05:14

+0

爲什麼地球上有一個按鈕的超鏈接? – 2011-06-07 09:06:42

+0

自您的問題首次發佈以來,您已經更新了您的HTML。這很好,但我只想指出,在你的實際頁面中,你不應該有重複的'id's。改用'class'。 – thirtydot 2011-06-07 09:12:33

回答

1

最簡單的方法是通過CSS將display: inline;添加到您的表單元素。

Example

1

最簡單的解決方案是將該test1按鈕放置在窗體中。