製作兩個HTML按鈕並排排列

好的，我對HTML不熟悉，或者它與CSS一起使用的方式。我一直在尋找如何使兩個HTML按鈕並行的方法。這是我目前使用的代碼。製作兩個HTML按鈕並排排列

<FORM METHOD="LINK" ACTION="LINK TO WEBSITE" target="_blank"> 
    <input type="submit" value="Forum Home Page"> 
</FORM> 
<FORM METHOD="LINK" ACTION="LINK TO A DIFFERENT WEBSITE" target="_blank"> 
    <input type="submit" value="Skill Guides"> 
</FORM>

無論我是把它們放在一個接一個的後面還是把它們對齊起來。我似乎無法讓他們彼此相鄰。我希望有一個人能夠輕鬆而詳細地幫助我。

來源

2012-07-14 Gavin

爲什麼使用表單？你可以讓JavaScript爲你做 – hjpotter92 2012-07-14 06:33:01

當你真正想要鏈接時爲什麼要使用表單或JavaScript？如果你喜歡，你總是可以設計一個鏈接來看起來像一個按鈕。 – 2012-07-14 06:36:29

如果我理解正確的話，你可以只連接下面的CSS：

form { 
    display: inline; 
}

如下所示：http://jsfiddle.net/zcz3j/

來源

2012-07-14 06:34:53

那麼，我將如何實現？就在兩個FORM標籤之後？ – Gavin 2012-07-14 06:48:26

演示http://jsfiddle.net/satinder_singh1/wr4Xv/1/

<div id="main"> 
<div class="floatdiv"><FORM METHOD="LINK" ACTION="LINK TO WEBSITE" target="_blank"> 
    <input type="submit" value="Forum Home Page"> 
</FORM></div> 
<div class="floatdiv"> 
<FORM METHOD="LINK" ACTION="LINK TO A DIFFERENT WEBSITE" target="_blank"> 
    <input type="submit" value="Skill Guides"> 
    </FORM></div></div> 

<style type="text/css"> 
    #main 
    { 
    position:relative; 
     width:200px; 
    } 

    .floatdiv 
    { 
    float:left; 
     width=80px 
    } 
</style>

來源

2012-07-14 06:36:53

正如我所說，我仍然不完全瞭解HTML和CSS如何設置在一起。請考慮。 – Gavin 2012-07-14 06:51:57

在html頁面中添加CSS – 2012-07-14 07:49:28

你可以也嘗試將它們包裝在表格標籤中。這就是我解決類似問題的方法。桌子自動將它們並排放置。

來源

2014-05-21 15:56:15 Stevo

製作兩個HTML按鈕並排排列

回答

相關問題