• ベストアンサー

buttonタグの長さを揃えたい

zooomの回答

  • zooom
  • ベストアンサー率37% (43/115)
回答No.2

統一できません。 空白文字で調整したとしても、必ず微妙にずれます。 (文字によって幅が違うため。Pフォント指定はできないはずです) 合わせるなら、画像ボタンしかないでしょう。

mkim
質問者

お礼

ご回答ありがとうございます。 >空白文字で調整したとしても、必ず微妙にずれます。 空白文字でも微妙にずれるのですか。。。 知りませんでした。 >合わせるなら、画像ボタンしかないでしょう。 今回やりたいことなんですが、DBからデータを取得してそれを ボタン名に使用したいので、画像ボタンは使えないのです^^;; もう少し、がんばってみます。

関連するQ&A

  • 現在

    現在 <table> <tr> <td> <input type="button" value="1" onclick=""/> <input type="button" value="2" onclick=""/> <input type="button" value="3" onclick=""/> </td> </tr> </table> といった単純なテーブルを作成しています。 上記のボタン1,2,3とそれぞれの間に空白を開けたいと思っているのですが、 <input type="button" value="1" onclick=""/>    <span style="width:50px">&nbsp;</span> <input type="button" value="2" onclick=""/> <span style="width:50px">&nbsp;</span> <input type="button" value="3" onclick=""/> と作成するとIE6ではボタン間に隙間が開くことを確認したのですがIE8では spanタグが無視されてしまい、ボタン間が詰まった表示のままになってしまいます。 IE8ではspanタグで隙間を作ることは難しいのでしょうか? また他に手法がありましたら、紹介していただけると幸いです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • HTML の BUTTON タグの VALUE で指定した値を取得できません

    BUTTON タグは、NAME で変数名、VALUE でその値を指定してプログラムから参照できることになっていますね。 「value属性を使用すると、ボタンがクリックされたときに、<form>タグのaction属性で指定されたプログラムに渡す値を指定することができます。 <input>でボタンを定義する際のvalue属性は、ボタンに表示されるラベルを変更するものでしたが、<button>タグのvalue属性は、ラジオボタンやチェックボックスのvalue属性と同様、プログラムが参照する値を指定するものですので、間違わないように気をつけてください。 」 引用元:http://w-d-l.net/html__tags__body__form__button/ これを参考に、HTML で次のように書きました。 <button type="submit" name = "Number" value="1" style="..."><div style="...">表示内容</div></button> それを PHP プログラムで参照して出力しました。 print $_POST["Number"]; インターネットエクスプローラー(バージョン6 SP3)では、<div>~</div>が表示されてしまいます。 Firefox では値(1)が表示されています。 (これが正しい振る舞いと思います。) ブラウザにより振る舞いが異なっているので、とても困っています。 これは、インターネットエクスプローラー特有の症状でしょうか? また、回避策があればぜひ教えてください。

    • ベストアンサー
    • HTML
  • Input Type Buttonのタグについて

    ◎input type=button の色を変えるには <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> この中の↑どこに色を追加したらよいのでしょうか? ◎input type=button の型をhttp://okwave.jp/ のページ上の {例}『 ? 質問する 』『!質問、回答を見る』 『(ハートマーク)お礼を見る』のような四角の型にするには この中の↓どの部分を変更又はどの部分に 何を追加したらよいのでしょうか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> ◎どうしたら『 ? 質問する 』『!質問、回答を見る』 『(ハートマーク)お礼を見る』のように?、!、ハートマーク などの記号や絵をinput type button に文字を書き込む時、 ボタン内の文字の前に記号や絵をつけられるのでしょうか? ◎やっとボタンを作ることができたのですが、 クリックしても画面が変わらないのはURLを設定していないからだと思うのですが この中の↓どこへ設定したら画面を変えることができますか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> 上手に説明できませんが、ご存知の方がおられましたら教えて下さい いろいろ調べてやってみたのですが、1つ1つの部分、部分説明があっても全部を1つのタグとしてつなげることができません。 急ぎでかなり困っております、宜しくお願い致します。 沢山の質問ですみません。

  • <form>中の<button>タグのvalue値

    いつもお世話になっています。 以下のformでボタンを押してポストした時、受信側でvalueの値が取得できず、ボタン名が取得されます。 <form method="post" action="送信URL">   <button type="submit" name="hoge" value="ボタンの値">ボタン名</button> </form> 正しくvalueを取得する方法をご教示ください。 よろしくお願いします。

  • StrutsでのButton表示

    Strutsを使っていて、思い通りに表示できない部分があります。 ボタンを沢山表示させたいのですが、表示させるボタンの名前はXMLに記述されています。 iterateタグにて下記のコードを出力させます。↓ <html:button property="send" value ="" /> valueの部分に値を入れるとボタン名になると思います。 ボタン名にしたい値は下記の中で取得できています。↓ <bean:write name="api" property="button" /> ↑の値をなんとかしてvalueの中に代入してあげたいのですが、いろいろ試したもののうまくいきません。 おわかりになる方いらっしゃいましたらお願いします。

    • ベストアンサー
    • Java
  • <tr>タグ、<td>タグ

    テーブルでレイアウトを行い、htmlで背景色・cssで文字のスタイルを適用する場合、<tr>タグと<td>タグのどちらに記述するのがよいのでしょうか。IEだと大差は無いようなのですが、firefoxやNetscapeで違いが出てくるように感じます(特にfirefox)。 (1)cssで文字スタイルの場合、<table>タグに<table class="text">といった感じで問題ないでしょうか(table内の文字すべてclassがtextの場合)。それともやはり<td>タグひとつひとつにクラス指定した方が良いのでしょうか。 (2)テーブルに背景色を指定する場合、<tr>タグ・<td>タグのどちらに指定するのが良いのでしょうか。

    • ベストアンサー
    • HTML
  • 画像ファイルを使ってお気に入りに追加するタグ

    ボタンを使ってお気に入りに追加するタグは分るんですが <FORM> <INPUT TYPE="button" VALUE="お気に入りに追加" ONCLICK="window.external.AddFavorite('http://●●y.jp/','●●●●●')"> </FORM> これをボタンではなく、画像をクリックしてお気に入りに追加できるようなタグがあれば教えていただけるとありがたいです。またURLが指定できるようであれば指定したいです。ご教授のほどよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Thunderbirdでタグが消えてしまう

    Netscape7からThunderbirdバージョン 2.0.0.12 (20080213)に移行して使っています。 タグを付けると、すぐにタイトルに色が付きますが、しばらくするうちに元の黒文字に戻ってしまいます。 インストール時に、タグの設定は他の設定と同時にNetscapeのラベルから移行されています。 どうにかタグを使えるようにしたいのです。 ご教示ください。

  • いままでbuttonが押された回数をリアルタイムで表示したい

    タイトル通りです。 <INPUT type="button" value="どうぞ"> が押されたとき、そのボタンの下に(どこでもいいけど)いままでそれがクリックされた回数をリアルタイムで表示したいんです。 例えば、今までボタンはAさん、Bさん、Cさんに合計100回押されていて、Dさんがbuttonをクリックすると、直後に[100]というのが[101]になってほしいんです。 なにかそういうタグはないでしょうか? (他のユーザにも継続するタグだから、CGIって感じがしたのでここに書きました)

    • 締切済み
    • CGI
  • EMBEDタグについて(MIDI関連)

    CDを作成しています。その中にBGMを流そうとしているのですが、自動スタートでBGMが流れるようにするのにEMBEDタグを使っています。 BGMがわずらわしい人のために、BGMをストップさせるコントロールパネルを表示させようと、思い以下のタグを記述してみたのですが、IE5.50、Netscape6.0では表示されません。 <embed src="曲名.mid" width=150 height=60 panel=0 autostart=true loop=-1 repeat=true> IE5.50以上ではコントロールパネルはさぽーとしていないのでしょうか?