- ベストアンサー
「ボタン」の幅の長さ
「ボタン」の幅の長さを揃えたいのですが、 「★幅の設定」 の仕方を教えてください。よろしくお願いいたします。 <INPUT type="button" value="簡単" onclick="javascript:window.location.href='http://'">
- sakura5678
- お礼率90% (67/74)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
cssでスタイルシートのwidthを合わせてみては？ <style> .xxx{ width:200px; } </style> <INPUT type="button" value="簡単" class="xxx"> <INPUT type="button" value="むずかしい" class="xxx"> 最大幅にあわせるとかなると、多少工夫が必要です
関連するQ&A
- ＨＰボタンの長さが異なる。
下のボタンが マックの「IE4.5」「IE5.0」「ネスケ4.7」だとちゃんと奇麗に中央に表示されますが、 Windows「IE4.5」「IE5.0」はボタンの長さが異なり ガタガタになります。 windowsでも奇麗に並べるにはどうしたらいいのでしょうか？ よろしくご指導お願いいたします。 テストでアップしてあるＵＲＬですのでご確認してください。 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>
- ベストアンサー
- その他（インターネット・Webサービス）
- 新規ウインドウから他のページにいけますか？
JavaScriptのwindow.openでページを表示した時に小さな別Windowも表示させるようにしています。 その画面を閉じるのに <input type="button" value="CLOSE" onclick="window.close()"> をクリックすると閉じるのですが、もう一つボタンを付けてそのボタンをクリックするとTOPページに戻るようにしたいんです。 location.href = "URL";で他のページにいけるんですよね？ ボタンを表示させるには <input type="button" value="TOP" onclick="window.location.href="URL";"> でいいのでしょうか？ やってみたのですが何も動きません。 どなたかわかる方、教えて頂けないでしょうか？よろしくお願いします。
- ベストアンサー
- JavaScript
- ボタンの長さを変えたい（至急）
<INPUT TYPE=BUTTON VALUE="最新100回グラフ" onClick="location.href='../grf/100.htm'"> <INPUT TYPE=BUTTON VALUE="最新50回グラフ" onClick="location.href='../grf/50.htm'"> このようなボタンの長さを揃えたいです。 スペースで調節するしかないのでしょうか？
- ベストアンサー
- HTML
- ボタンで、リンクを、別ウィンドウで開く
質問させていただきます。 ボタンで、リンクを、別ウィンドウで開くには どういうソースを書いたら良いのでしょうか？ <FORM> <INPUT TYPE="button" VALUE="リンク" onClick="window.location.href='index.html'"> </FORM> だと、同一ウィンドウ内に開いてしまいますし・・・。 どうか教えてください。よろしくお願いいたします！
- ベストアンサー
- JavaScript
- お気に入りボタンについて
<input type="button" value="お気に入りに追加"onclick="window.external.AddFavorite(location.href,document.title);"> このスクリプトだけで表示しているページのタイトルでお気に入り追加ができると思うのですが、実際にUPしてみるとIEではできるのですが、OperaやFirefoxではボタンがへこんでしまい押すことができず機能しません。javascriptに詳しくないので上のを完全にコピペしただけなのですが、なにか他に<head>の中に宣言が必要なのでしょうか？
- ベストアンサー
- CSS
- ハイパーリンクをインプットボタンで作るには
HTML初心者です。 <a href="input.php?action=rewrite">修正する</a> 上記のハイパーリンクをインプットボタンでリンクさせたいのですが <input type="button" class="button" value="修正する" onClick='window.open("input.php?action=rewrite")'> だと新しいウィンドウが開いてしまいますし <input type="button" class="button" value="修正する" onClick=("input.php?action=rewrite")> だとリンクできません。 どのようにすれば良いのでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- PHPの囲みかた
以下のPHPが動かない、画面が真っ白になってしまうのですがなぜでしょうか？ また<?php ?>でPHPは囲みますが、一画面で何回も囲んでも構わないでしょうか？ <input name="button" type="button" onclick="location.href='/abc.php'" value="abc"> <?php print ('<input type="button" value="aaa" onClick="location.href='/aaa.php'">'); ?> <input type="button" value="bbb" onClick="location.href='/bbb.php'">
- 締切済み
- PHP
- HTMLフォームボタンによるターゲットフレームを指定したリンク
上下にフレーム分割してあり、上をname="header",下をname="contents"としてあります。 head側のHTMLに記述したフォームボタンを押すと、親ウインドウ（target="_parent"）に リンク指定先が展開されるようにしたいのですが下記の記述ではうまくいきません。 意図した親ウィンドウでなく、head側のフレーム内に展開されてしまいます。 <input type="button" name="01a" value="前へ" onclick="parent.head.location.href='../hoge1/1.htm'"> <input type="button" name="03a" value="目次" onclick="parent.head.location.href='../index.html'"> <input type="button" name="03a" value="次へ" onclick="parent.head.location.href='../hoge3/3.htm'"> 参考にしたのは以下ですが、何が誤っておりますでしょうか。よろしくお願い致します。 http://www.west-mira.jp/javascript/link/button2.html
- ベストアンサー
- JavaScript
- FORMボタン
このフォーム変なのですか？ 見た目は、[年月] [GO] となっていて、 [年月]のセレクトで選んで、 [GO]ボタンを押せばそのページに飛ぶのだと思いますが、 [GO]を押さなくてもセレクトを選んだだけで動作します。 この[GO]のボタンの意味あるんでしょうか？ それとも何か間違っていますか？ 正しい記述方法があれば教えてください。 <form> <select name="u" onchange="JavaScript:location.href=this.value;return false;"> <option value="http://～～/2009-05-1.html">2009/05</option> <option value="http://～～/2009-04-1.html">2009/04</option> </select> <input type="button" value="GO" onclick="JavaScript: location.href=this.form.u.value; return false;" /> </form>
- ベストアンサー
- HTML
お礼
ヒントにして考えました。。。^^ <INPUT type="button" Style="width:300px;" value="閉じる" onclick="disp('hyoogi2')"> ということで、 Style="width:300px; を使うとできました。(^^)/ どうもありがとうございました。<(_ _)>
補足
ご回答ありがとうございます。^^ もう少し、個別に指定したいのですが、 ★個々に横幅を指定する方法があれば教えてください。。。 できたら、cssでない方法をお願いいたします。^^