• ベストアンサー

ボタンの幅

フォームの中で <INPUT type="button" …> という感じで何個かボタンを作ったんですが、ボタンの幅を 全部揃えたいんですけど、どうやって幅は設定すればいいんでしょうか? よろしくお願いします

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
noname#45976
noname#45976
回答No.2

こんにちは。 下のかたの回答でそのままずばりだと思いますが、それで回答を締め切らないというのは、なにか不明な点でもあるのでしょうか。^^; <INPUT style="width:ボタンの幅" type="button" value="ボタン"> の、「ボタンの幅」と書いてある部分を数字にすればいいだけです。 要するに、maple_treeさんが作ったボタンのINPUTタグの中に、style="width:50"などを追加します。 頑張ってくださいね。

maple_tree
質問者

お礼

回答ありがとうございます。 質問しといて、見に来るのが遅くなってしまいました… ボタンの幅はきれいにそろいました。 ありがとうございました~

その他の回答 (1)

  • PtoP
  • ベストアンサー率27% (24/86)
回答No.1

スタイルシートを使います。 <INPUT style="width:ボタンの幅" type="button" value="ボタン">

maple_tree
質問者

お礼

回答ありがとうございます。 質問しといて、見に来るのが遅くなってしまいました… ボタンの幅はきれいにそろいました。 ありがとうございました~

関連するQ&A

  • 「ボタン」の幅の長さ

    「ボタン」の幅の長さを揃えたいのですが、 「★幅の設定」 の仕方を教えてください。よろしくお願いいたします。 <INPUT type="button" value="簡単" onclick="javascript:window.location.href='http://'">

  • ラジオボタンによる有効なボタンの切り替えについて

    はじめまして。 下記のような機能を実装したいと思っています。 どなたか教えていただけませんでしょうか? <html> <head> <title>サンプル</title> </head> <input type="radio" name="radio1" value="a">A <input type="radio" name="radio1" value="b">B <input type="radio" name="radio1" value="c">C <input type="radio" name="radio1" value="x">全部ダメ <br><br> <input type="button" value="Aボタン"> <input type="button" value="Bボタン"> <input type="button" value="Cボタン"> </body> </html> ラジオの「A」を選択すると「Aボタン」のみ有効で他は無効(disabled)になり 「B」を選択すると「Bボタン」のみ有効というように、 選択したラジオボタンの値と有効なボタンを連動させたいのです。 さらに、ラジオの「全部ダメ」を選択すると全てのボタンを無効としたいです。 ラジオボタンの値の取得のjavascriptなど個々の機能について調べてみたりしたのですが どのように組み合わせれば、機能を実現できるのかわかりませんでした。 お手数ですが、ご教示いただけますでしょうか。。 可能ならばソースのサンプルをいただけるとありがたいのですが。 どうぞよろしくお願いいたします。

  • フォームのボタン上に2色つける

    フォームのボタン上に書かれている文字に 色を付けたいと思います。 スタイルシートをつかって <input type=button value="検索*" name="submit" style="color:#FF0000;" > こんな感じにすると「検索*」という文字が赤くなります。 でも、私がやりたいと思っているのは、 「検索」は黒で「*」は赤く表示したいのです。 こんな事って出来ますでしょうか? ボタンの上に画像をはったりしないとダメでしょうか?

    • ベストアンサー
    • CSS
  • JqueryMobileでフォームボタンを非表示

    JqueryMobileを使用している環境下でフォームボタンを非表示にする方法を探しています。 以下はID1の消去ボタンをクリックすると、ID2のボタンが消えることを期待しているものです。 しかし、ID2のボタンは消えませんでした。 どのような方法で、フォームボタンを非表示にできるのでしょうか。 なお、JqueryMobileを使用していない環境では、 問題なくID2のボタンが非表示になることを確認していますので、 JqueryMobile使用時のJavascriptの制限が何かしらありそうなのですが・・・。 <form name="myForm" action="#"> <input type="button" value="消去" name="button1" id ="1" onclick="a()"> <input type="button" value="消えるボタン" name="button2" id ="2" > </form> <script type="text/javascript"> <!-- function a(){ var n = document.getElementById("#2"); n.style.visibility = "hidden"; $('#2').button('refresh'); } // --> </script>

  • 複数ボタンのvalueを送れない

    ひとつのフォームで複数のボタンを使う方法を探していたら 次のような方法があるとのことでした。 <form method="post" name="MyForm"> <INPUT TYPE="BUTTON" VALUE="aaa" onClick="MyForm.action='hoge.cgi';MyForm.submit();"> <INPUT TYPE="BUTTON" VALUE="bbb" onClick="MyForm.action='hoge.cgi';MyForm.submit();"> </form> これで、ボタンによってVALUEを渡せるのかと思いきや、 飛んでいきませんでした・・・ 複数ボタンを用意して、ボタンによってその VALUE値を渡す方法がありませんでしょうか?

    • ベストアンサー
    • CGI
  • 複数のボタンを等間隔に、かつ中央に配置する

    ホームページで、ボタンを横に3つ等間隔に、適度な余白をもって並べ、 さらにその3つがちょうどページの中央に表示されるようにしたいです。 cssをどのように記述すればいいですか? ↓下記のようなイメージにしたいです。 -------------------- --------------------     □ □ □  ←これがボタンです ↓htmlファイルです↓ <div class="button"> <input type="submit" value="<< 戻る <<" /> </div> <div class="button"> <input type="submit" value="選択リセット" /> </div> <div class="button"> <input type="submit" value=">> 進 む>>" /> </div> ↓CSSファイルです↓ div.button { padding-right:35px; float:left; } 上記設定で、ボタンの左右間隔はいい感じにあいたのですが 全体的に左に寄ってしまってます。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 特定のボタンをdisabledする

    こんにちは。早速ですが <input type="button" ~>で、nameを指定し、 Javascriptから特定のボタンのみ、押せないようにしたいのですが、 function btnStop(){   document.forms[0].[name属性でつけた名前].disabled = false; ・ ・ ・ } で動作しません。ちなみにひとつのフォーム内に複数のボタンなどが混在するタイプです。 なにか間違いがあれば教えていただけると嬉しいです・・ よろしくお願いします。

  • HTML・CSS ボタンの表示

    <div class="item"> <tr> <td><input type="button" value="サンドウィッチ" onclick="get_calc(this)"></td> <td><input type="button" value="おにぎり" onclick="get_calc(this)"></td> <td><input type="button" value="お茶" onclick="get_calc(this)"></td> <td><input type="button" value="お弁当" onclick="get_calc(this)"></td> </tr> </div> ボタンを画面の50%の幅に均一の大きさで表示したです. CSSわかる方,教えてください!お願いします!

    • ベストアンサー
    • CSS
  • tkinterでボタンの幅をそろえたい

    お世話になります。 python 3.3.5とtkinterで勉強中です。 下記のようにtkinterでボタンを複数個横並びに配置したいのですがボタンの幅や高さを任意に設定する方法が解りません。 パッカーをつかっていて height=10 などとするとエラーになってしまいます。 import tkinter as tk def main(): w1=tk.Tk() # ボタンの幅をそろえる方法が解らない... btn1=tk.Button(w1, text=u"ボタン-1").pack(side=tk.LEFT, padx=5, pady=10) btn2=tk.Button(w1, text=u"ボタン--2").pack(side=tk.LEFT, padx=5, pady=10) btn3=tk.Button(w1, text=u"ボタン---3").pack(side=tk.LEFT, padx=5, pady=10) w1.mainloop() if __name__ == '__main__': main() どうしたらできるのでしょうか? よろしくお願いします。

  • HPボタンの長さが異なる。

    下のボタンが マックの「IE4.5」「IE5.0」「ネスケ4.7」だとちゃんと奇麗に中央に表示されますが、 Windows「IE4.5」「IE5.0」はボタンの長さが異なり ガタガタになります。 windowsでも奇麗に並べるにはどうしたらいいのでしょうか? よろしくご指導お願いいたします。 テストでアップしてあるURLですのでご確認してください。 http://watn.jp/test/ <HTML> <HEAD> <TITLE>++++</TITLE> </HEAD> <!------------------- 中身-------------------> <center> 下のボタンがマックの「IE4.5」「IE5.0」「ネスケ4.7」だと<br> ちゃんと中央に表示されますが、Windows「IE4.5」「IE5.0」は<br> ボタンの長さが異なりガタガタになります。 <FORM> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇   " onClick="window.location.href='kituke.html'"><br> <INPUT TYPE="button" VALUE="   ・・◇◇◇◇  " onClick="window.location.href='sadou.html'"><br> <INPUT TYPE="button" VALUE="   ・・◇◇◇◇◇ " onClick="window.location.href='buyou.html'"><br> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇   " onClick="window.location.href='ivent.html'"><br> <INPUT TYPE="button" VALUE="   ・・◇◇◇◇  " onClick="window.location.href='tenjikai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇       " onClick="window.location.href='butai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇      " onClick="window.location.href='honten.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇◇     " onClick="window.location.href='yono.html'"><br> </FORM> </center> </BODY> </HTML>