アラート等で使用されるボタンがありますよね?
(灰色のボタン)
このボタンの幅などを変えることは出来ませんか?
小さくしたり出来ないのでしょうか・・・?
あるいは、ボタンに表示される文字を小さくすることは出来ませんか?
教えてください!

このQ&Aに関連する最新のQ&A

A 回答 (1件)

こんばんわー



>アラート等で使用されるボタン
を「ホームページ上で使用されるボタン」と解釈して回答します。
(もしかすると質問の意味と違うかもしれませんが‥‥)

<FORM>
<INPUT TYPE="button" VALUE="ボタンの表示" style="font-size:7pt">
</FORM>

このようにタグ内にCSSを使うと文字の大きさを変えたり、幅や色も変えられます。
    • good
    • 0
この回答へのお礼

ありがとうございました!!無事、ボタンを小さく出来ました!(笑
本当に助かりました!

お礼日時:2001/12/12 18:32

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qナビゲーションボタンの幅を、ページの幅に合わせたいと考えています。

ナビゲーションボタンの幅を、ページの幅に合わせたいと考えています。
例えば、ページの幅を800pxとってあり、8個のナビゲーションボタンを設置する場合は、1つ辺り100px。10個の場合ですと、80pxと、均一の幅で、かつページの幅一杯まで占めるような表示をしたいと考えています。

http://solidstate.jp/Navigation/DropdownMenu/script_50.html

そこで、上記サイトよりサンプルとして配布されているソースを試しているのですが、widthなりpaddingなりでcss側で調整している状況となっています。

そこで質問なのですが、上記のよなサンプルソースの場合、widthは指定しなくても、ボタンの数に合わせて汎用的にページ幅に沿うようなものは出来ないのでしょうか?

サンプルソースのように、多階層が可能なドロップダウンを備えたナビゲーションが欲しく、やっと探し得たのですが、CSSの知識が乏しく困っている状態です。

お忙しいなか恐縮ですが、アドバイスなど頂戴出来れば幸いです。宜しくお願い申し上げます。

ナビゲーションボタンの幅を、ページの幅に合わせたいと考えています。
例えば、ページの幅を800pxとってあり、8個のナビゲーションボタンを設置する場合は、1つ辺り100px。10個の場合ですと、80pxと、均一の幅で、かつページの幅一杯まで占めるような表示をしたいと考えています。

http://solidstate.jp/Navigation/DropdownMenu/script_50.html

そこで、上記サイトよりサンプルとして配布されているソースを試しているのですが、widthなりpaddingなりでcss側で調整している状況となっています。

そこで質問な...続きを読む

Aベストアンサー

言葉足らずで申し訳ありません。
jQueryを利用したサンプルとなっておりますので、先ほど提示した
ソース以外にjQuery(最新版だとjquery-1.4.2.min.js)が必要となります。
http://jquery.com/から最新版をダウンロードし、
先ほどのソースの下記箇所(jquery.min.js)を適宜書き換えてください。

<script src="jquery.min.js"></script>


例:jquery-1.4.2.min.jsをダウンロードし使用する場合
<script src="jquery-1.4.2.min.js"></script>


また、リンク先にあるサンプルソースに適用する場合には、
liの下にも<ul>要素を作成されているようですので、
var li = jQuery("#menu li");

var li = jQuery("#menu > li");
に変更が必要です。

最終的なJavaScript部分は下記のようになります。

<script src="jquery.min.js"></script>
<script>
jQuery(document).ready(function(){
var width = jQuery("#menu").width();
var li = jQuery("#menu>li");
li.each(function(){
jQuery(this).css("width",Math.floor(width/li.length)+"px");
});
});
</script>

言葉足らずで申し訳ありません。
jQueryを利用したサンプルとなっておりますので、先ほど提示した
ソース以外にjQuery(最新版だとjquery-1.4.2.min.js)が必要となります。
http://jquery.com/から最新版をダウンロードし、
先ほどのソースの下記箇所(jquery.min.js)を適宜書き換えてください。

<script src="jquery.min.js"></script>


例:jquery-1.4.2.min.jsをダウンロードし使用する場合
<script src="jquery-1.4.2.min.js"></script>


また、リンク先にあるサンプルソースに適用する場合には、
liの下にも...続きを読む

Qリンク色の定義を2セット作ることは出来ますか?・・・あるいはVLINK色を変える方法

<BODY>タグに指定したり、スタイルシートで指定したり、どちらにしても1種類しかリンクの色(LINK,VLINK,ALINKの3色)を指定できませんよね。
もう1種類(あるいはもっと)指定出来る方法は無いのでしょうか。(例えばFONTならSAMPLE指定で何通りも出来ますよね。)

または、VLINK色を定義色から変える方法でも結構です。

お心当たりのある方、どうぞよろしくお願いします。

Aベストアンサー

クラス分けすることで
そのクラス指定されたリンクの色を別にスタイルシートで設定することができます。
例えば
<a class="normal" href="test.html">通常</a>
<a class="special" href="test.html">特別</a>
の様にしておいて
<style>
a:link { color:blue; } /* クラス指定無し:普通のリンクの指定 */
a.normal:link { color:red; }
a.special:link { color:green; }
</style>
対応関係は
LINK→a:link
VLINK→a:visited
ALINK→a:active
です

ちなみに、1つ教えて欲しいのですが、
FONTのSAMPLE指定というのがわからないのですが、
これってどういうもので、どういう風に使うのですか?
よろしければ、後学のために教えて下さい

Qradioボタンの色を変えることはできる?

radioボタンの色を変えることはできますか?
ボタンの色とは正確にはボタンの背景色です。
普通は白ですよね。
もし仮に出来たとしたらその方法を教えてください。

Aベストアンサー

だいぶ昔に同じ質問があって調べたところ、
ボタンの周りの背景色はスタイルシートで設定できるが、
ボタンの中の背景色は変更できないと
勝手に自分で結論を出しました。

Q3カラムレイアウトで「常に残り幅全て・固定幅・固定幅」にできますか?

TABLEタグで先に説明させて頂くと
<table style="width:100%;">
<tr>
<td style="background-color:#FFCCCC;">A:指定なしセル</td>
<td style="width:300px;background-color:#FFFFCC;">B:固定幅のセル</td>
<td style="width:300px;background-color:#FFCCFF;">C:固定幅のセル</td>
</tr>
</table>
などとした時「セルA」は600を引いた残り全ての幅になると思います。

これをDIVタグで再現するには、以下の参考URLのようにfloatとmarginなどで行うと思うのですが、
http://14-00.com/archives/18

「セルB」や「セルC」をJavascriptでdisplay:none;などした時に、「セルA」が残り幅全てになるCSSはありますでしょうか。

TABLEタグであればそのままできたのですが、DIVの場合の指定方法が判りませんでした。

Javascriptでmarginを書き直すなどすればもちろんできそうなのですが、CSSだけでも出来る方法があれば教えて頂きたく思います。

よろしくお願いします

TABLEタグで先に説明させて頂くと
<table style="width:100%;">
<tr>
<td style="background-color:#FFCCCC;">A:指定なしセル</td>
<td style="width:300px;background-color:#FFFFCC;">B:固定幅のセル</td>
<td style="width:300px;background-color:#FFCCFF;">C:固定幅のセル</td>
</tr>
</table>
などとした時「セルA」は600を引いた残り全ての幅になると思います。

これをDIVタグで再現するには、以下の参考URLのようにfloatとmarginなどで行うと思うのですが、
http://14-00.com/archives/18

...続きを読む

Aベストアンサー

<style>
div.layout { display:table; width:100%;}
div.layout > * { display:table-cell; }
div.layout > nav { width:300px; }
</style>

<div class=layout>
<nav>B</nav>
<article>A</article>
<nav>C</nav>
</div>

QIEでのボタンの幅の調整方法

IEに以下のようなボタンを表示させると、firefoxに比べて
いやにテキストの両側にすきまのあいたボタンが出来てしまいます。
スタイルシートでpaddingで調整できるのかと思い、padding:0px;で
指定してみましたが変わりません。

aタグでクラス指定して、スタイルを細かく指定すれば、それらしく
出来るのはわかるのですが、何かもっとシンプルな良い方法は
ないでしょうか。

よろしくお願いします。

Aベストアンサー

こんにちは

IEでならwidth指定してやればすき間の調整はできましたよ(^^)
・・・ボタンの大きさは変わっても良いんですよね?

<form method="GET">
<input type="button" style="width:110px;" value="検索エリアON/OFF" />
</form>


人気Q&Aランキング

おすすめ情報