![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
No.4ベストアンサー
- 回答日時:
#1、#3です。
><asp:Button></asp:Button>タグは
>HTMLの<Button></Button>に変換されたかたちで
ご提示のソースはご説明とちょっと違うようですが、
試みに<asp:Button ~~ />を<button ~~>実行</button>のように変換したHTMLファイルを作って表示してみると、かなり離れて表示されます。
(windows: IE6 FireFox3.5 Opera10)
#3にも書きましたが、タグ名で指定するよりは必要な要素を限定できる指定方法のほうがよろしいかと思います。
ご提示の場合はtable内にあるので、tdにclass指定してあげるとかすればいけるでしょう。
あるいは、直接buttonにclass指定をするか、そのidを利用するとか。
tableの他の部分の構成がご提示のソースだけではわかりませんが、1つのセルに入れないで
<td><button>~</button></td>
<td><button>~</button></td>
みたいにしてtdにwidthを設定することでも可能ですよね。
(CSSで指定しても、要素の属性指定で行っても可能)
どのような指定方法が適切なのかは、全体のページ構成とレイアウトがどのように決められているのかによって判断されるものと思います。
No.6
- 回答日時:
実際に最終的にブラウザに出力されたソースを見ればわかるとASP.NETの<asp:Button~で出力されるタグは <input type="button"~ です。
なので、スタイルの指定はform input { ~ となります。ただしこれでは、テキストボックスもチェックボックスも全て影響を受けますのでCssClassプロパティで限定する必要があります。
例)
<asp:Button~ CssClass="button" ~/>
CSS側
form input.button { margin-right:2em; }
No.5
- 回答日時:
2つのボタンの間に全角スペースを入れるとか、
<td></td>を3つに分けて、1つめと3つめにボタンを入れて、2つ目の幅で調整するとか、
そんなのではだめでしょうか。
No.3
- 回答日時:
#1です。
#1はあくまでもCSSの例としてあげたものです。
通常はタグ名で指定すると、他の同じタグもすべて同じスタイルになってしまうので、特定するためにclassやidも利用して指定しています。
ASP.NETはわかりませんが、それから生成されるHTMLはどのようになるのでしょうか?(ご質問の対象はブラウザ上での表示ですよね?)
補足を見るとtableの中に入れているようですが、<button>要素が生成されているのでしょうか?
以下あたりをご参考になさってください。
http://www.htmq.com/style/index.shtml
http://www.scollabo.com/banban/ref/css.html
http://www.tohoho-web.com/css/index.htm
http://hp.vector.co.jp/authors/VA022006/css/
この回答への補足
>ASP.NETはわかりませんが、それから生成されるHTMLはどのようになる>のでしょうか?(ご質問の対象はブラウザ上での表示ですよね?)
>
はい、ブラウザ上に表示させます。
ASP.NETでは、Form上にボタンを配置すると、<asp:Button></asp:Button>タグが使用されます。
但し、
Webサーバ側で処理された結果、
<asp:Button></asp:Button>タグは
HTMLの<Button></Button>に変換されたかたちで
クライアント側のブラウザに表示される仕組みです。
No.2
- 回答日時:
ご質問の意味が少々不明です。
「フォームに2つのボタンを配置し、」とのことですが、フォームとは文字入力のための入力スペース(窓)かと思います。そこにボタンを配置するとは・・・?。
また、ボタンとは画像ですか。それとも、<input type="button">で生成されるボタンのことですか。
No.1
- 回答日時:
一例です。
(他にも方法はいろいろ)<html>
<head>
<style type="text/css">
form button { margin-right:2em; }
</style>
</head>
<body>
<form>
<button type="button">button1</button>
<button type="button">button2</button>
<form>
</body>
</html>
早々のご回答ありがとうございます。
補足ですが、ASP.NETにおける.aspxファイル(画面デザイン用ファイル)
の中での話になります。(失礼しました。)
現在は、以下のような記述をしています。
-------------------------------------------------
<html>
<head>
<style type="text/css">
form button
{
margin-right: 10em;
}
</style>
</head>
<body>
<form>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
<asp:Button ID="btn_実行" runat="server" Text="実行" TabIndex="-1" Height="35px"
Width="76px" />
<asp:Button ID="btn_戻る" runat="server" Text="戻る" TabIndex="-1" Height="35px"
Width="76px" />
</td>
</tr>
</table>
<form/>
</body>
</html>
--------------------------------------------------
上記内容で実行しましたが、現状は変化なし(2つのボタンがくっついて表示される状態)です。。。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) 【マクロ】フォルダAからダBへファイルを、ファイルの更新日時の条件で、1つづつ移動するには? 3 2022/08/25 09:56
- デスクトップパソコン dell製デスクトップPC(XPS8900)についての質問です。 起動後、電源ボタンが『オレンジ3回 6 2022/04/13 23:30
- Visual Basic(VBA) 指定列最終行までのスペースを改行するVBAについて 2 2022/06/01 19:50
- 電子レンジ・オーブン・トースター 電子レンジの非科学的(カルト的)動作の原因について考えられる理由を知りたい 8 2022/11/29 14:47
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- その他(車) (クルマの駐車)「隣に一台分」移動させる方法 5 2022/08/28 08:58
- JavaScript JavaScriptで「〇以上▲まで」の書き方 1 2022/07/20 14:44
- Access(アクセス) マイクロソフト アクセス2021のフォームビュー作成でレイアウトを帳票形式から単票形式にあとから変更 1 2023/03/03 10:56
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
静止画画像をクリックすると音...
-
htmlソース文の 各行 改行位置...
-
、URL化させるにはどうしたらい...
-
テーブルタグのセルの幅の一部...
-
webデザインの勉強で、HTML/CSS...
-
指定した演算を実施の結果を表...
-
WEBサイトの作成で、imgタグに...
-
指定した演算を実施の結果を表...
-
<!DOCTYPE html>あってますか?↑
-
CSSについて教えてください。 ...
-
HPレイアウトが同じページのヘ...
-
htmlで<form>~</form>を並べて...
-
HTMLタグのあるCSVファイルを利...
-
スマホでHTMLファイルを開いて...
-
css初心者 フレックスボックス...
-
WEBページを強制的に横画面で見...
-
cssが効かなくて困ってます
-
html/cssで要素が出てこなくて...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スペースの取り方について
-
フォームの値をHTMLファイルに...
-
ブログのカレンダー機能
-
HTMLの値の渡し方について質問...
-
ACCESSのレポートの表示...
-
フォームのtextareaにnl2brを使...
-
SELECTボックスの内容を動的に...
-
奇数・偶数の区別をプログラミング
-
遷移先のURLにパラメータを表示...
-
aspxでIFみたいなことがしたい
-
ASP.netで、CheckBoxListのSele...
-
phpの<br>\\nと\\nとエスケープ...
-
改行したいのですが
-
write downとfill outの違いを...
-
<br>が文字列で出力されてしま...
-
<asp>タグの属性情報が取得でき...
-
C#のRichTextBoxで表示行数を取...
-
ASP.NETでTimerコントロールを...
-
javascriptでlabelの値取得
-
テキストボックスにマクロでメ...
おすすめ情報