buttonタグの長さが、ばらばらになるので長さを統一したいのですが、
IEだと、width=30% などの記述をすると揃うのですが、
netscape(4.75)だとうまくいきません。
例えば、buttonのvalueに「あああ」とするのと「いいいいい」とする
2つのボタンがあったとします。
何も指定しなければ、長さはばらばらになります。
そこでwidth="30%"と指定をしてみたのですが、IEでしかききませんでした。
空白文字を間に入れると言うことは、したくないので、
困っています。
何か、良い案があればご教示いただけるとありがたいです。
よろしくお願いします。
No.3ベストアンサー
- 回答日時:
NN4.xではうまく行きませんが、NN6.0ではうまく表示できる方法があります。
これはスタイルシートを使えばできます。
スタイルシートに関して説明するのは骨が折れるし、ここにとても書ききれるものではないので、ボタンの幅指定だけ書きます。
<input>の中に次の属性とその値を入れてください。
style="width:XXpx;"
このXXのところに自分の好みの数値を入れてください。
これはピクセル単位での指定なので、パーセンテージで幅を決めるには、px を % に変えればOKです。
NN4.xではこのスタイルシートの属性に対応していないので表示されません。
↓こんな具合に。
例: <input style="width:100px;">
御回答ありがとうございます。
>NN4.xではうまく行きませんが、NN6.0ではうまく表示できる方法があります。
やっぱり、4.75ではだめですか。。。。
>NN4.xではこのスタイルシートの属性に対応していないので表示されません。
ですよね。スタイルシートには対応してませんよね。
やはり、4.75では、限界かもしれません。
一応、4.75で駄目もとでstyleシート使ってみましたが、ぜんぜんだめでした。
(当たり前か。。。)
もう少しがんばってみて、駄目なら諦めるしかなさそうですね。
ありがとうございました。
No.4
- 回答日時:
一応あの、補足として。
あまり誉められたものではありませんが一応NN4.*でも
スタイルシートは採用されています。ボタンのwidth指定には
対応していないというだけで…。あ、そういう意味でおっしゃって
いたのかな?
で、本来の問題ですが、うーん、フォントを変更するとまた
変わっちゃいそうですしねえ。私なら、ボタンのラベルは固定の
「実行」などにして、DBから読んできた文字列をその脇に説明と
して付け加えて逃げるかな。
あと、ボタンがずらーっとたくさん並ぶのも変に並べると
でこぼこして気持ちが悪いから、アンカーにしちゃうとかなんとか。
とにかく、その問題には直面しないようにしてます。…回答になってない。
ありがとうございます。
そうですね!NN4.75でもスタイルシートは採用されてますね!
私も考えとしてボタンと説明を混ぜて逃げようかと思っていました。
同じ考えの人がいて安心しました。ありがとうございました。
No.2
- 回答日時:
統一できません。
空白文字で調整したとしても、必ず微妙にずれます。
(文字によって幅が違うため。Pフォント指定はできないはずです)
合わせるなら、画像ボタンしかないでしょう。
ご回答ありがとうございます。
>空白文字で調整したとしても、必ず微妙にずれます。
空白文字でも微妙にずれるのですか。。。
知りませんでした。
>合わせるなら、画像ボタンしかないでしょう。
今回やりたいことなんですが、DBからデータを取得してそれを
ボタン名に使用したいので、画像ボタンは使えないのです^^;;
もう少し、がんばってみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- HTML・CSS VS.NETのコードを色合いも含めてHtmlに貼り付けたい。 1 2023/02/02 14:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
SUBMITボタンを表示させないでS...
-
getParameterで値が取得できず...
-
リンクでPOSTデータを送信する...
-
input button の文字の色を2色...
-
htmlで画面遷移させたい
-
htmlでsubmit送信時、actionよ...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
ASP.NET ブラウザでボタンが表...
-
INPUTのボタン周囲のスペース
-
formの送信ボタンをテキストに...
-
HTMLだけでボタン作成
-
戻ると、記入フォームの内容が...
-
[html]<input type="file">タグ...
-
HTMLのボタンで他サイトへ...
-
コネクション・セッション・ト...
-
Accessの画面更新を一時的に停...
-
PHPからWindowsログインユーザ...
-
複数選択のListBoxでClickイベ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
checkboxとlabelがずれる
-
submitボタンにvalue属性の値で...
-
ボタンをクリックした時に、入...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
ボタンのなかに表示する文字を...
-
UWSC
-
グーグルマップの文字化けで困...
-
HTMLだけでボタン作成
-
<FORM> </FORM> の中に さらに...
-
INPUTのボタン周囲のスペース
-
ボタンリンクの文章を二行に・・・
-
inputのtextとsubmitの高さがズ...
-
ボタンを押さずにボタンを押す...
-
戻ると、記入フォームの内容が...
-
formの送信ボタンをテキストに...
-
どのボタンが押されたかの判定
-
ただいま勉強始めたての初心者...
おすすめ情報