8

わかりました、私は HTML や、それが CSS とどのように組み合わされるかについてあまり詳しくありません。2 つの 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>

それらを前後に配置するか、それらの前に配置するかは関係ありません。それらを隣り合わせにすることはできないようです。簡単かつ詳細な方法で私を助けてくれる人がいることを願っています。

4

3 に答える 3

16

私が正しく理解している場合は、次の CSS を添付してください。

form {
    display: inline;
}

ここに示すように: http://jsfiddle.net/zcz3j/

于 2012-07-14T06:34:53.320 に答える
0

デモ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>

</ p>

于 2012-07-14T06:36:53.197 に答える
0

それらを table タグでラップすることもできます。それが私が同様の問題を修正した方法です。テーブルは自動的にそれらを並べて配置します。

于 2014-05-21T15:56:15.663 に答える