• ベストアンサー

ASP.Net ボタン縦書きにしたい

大変お世話になります。 日夜ASP.Net の勉強をしております初心者でございます。 ボタンコントロールの形状の理由でテキストを縦書きにしたいと思っております。 サイトを調べてみると、 <asp:Button ID="Button1" runat="server" Text="縦書きテスト" Style="writing-mode:tb-rl;" /> という情報を得たのですが、実際この Style="writing-mode:tb-rl;" を記述すると、 writing-mode は認識できるCSSプロパティ名ではありません。 と、エラーになってしまいます。わたくしの記述が間違いなのか、他に方法があるのか、 何卒お教え願えないでしょうか? 何卒よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • onos
  • ベストアンサー率81% (127/155)
回答No.1

CSSはブラウザによって解釈のされかたが違ったりするのはご存知でしょうか? WebアプリはHTML(含むCSS)で記述できる範囲でしかユーザーインタフェースを変更できません。 また、HTMLおよびCSSの解釈は利用するブラウザによって異なってくるところがあります。 このような場合の解決方法は、画像を使い、それをボタンとして利用する方法じゃないかと思います。

kyokotan12
質問者

お礼

onosさん お世話になります。 なるほどブラウザによってこの辺りの解釈はまちまちなんですね! ダメだった場合には画像でやるしかないと思っておりましたが、 やはりその通りだったようです。 今後の教訓とさせていただきました。 ありがとうございます。

関連するQ&A

  • cssテキスト表示を縦書きにしたいのですが・・・。

    現在ホームページ制作中です。 テキストを縦書きにするため、cssでwriting-modeをtb-rlにしたのですが、ブラウザのIEだと 縦書き表示されるのですが、fireやクロームだと、くずれてしまいます。 どうしたらいいのでしょうか? 教えてください。

  • 縦書き文字をIE7で縮小拡大するとズレる

    お世話になります。 縦書き表示の画面をIE7で開き、Ctrl+マウスホイールで拡大や縮小表示にすると、ある特定の文字のみ位置がズレてしまう現象が起きています。 ズレないようにはできないものでしょうか。 よろしくお願いします。 以下、サンプルソース。 ---------------------------------------------------------- <html> <head><title>縦書きテスト</title></head> <body> <table border="1"> <tr> <td nowrap><div style="writing-mode: tb-rl">企画</div></td> <td nowrap><div style="writing-mode: tb-rl">編集</div></td> <td nowrap><div style="writing-mode: tb-rl">あ、い、う</div></td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • ドリームウィーバーで縦書きの文章

     タイトル通りなのですが、span{writing-mode:tb-rl}のスタイルシートを使わずにドリームウィーバーの中の機能だけで横書き(左から右)ではなく、上→下への縦書きにする機能はありますでしょうか。  あるのであれば、操作手順を教えて下さい。お願いします。

  • 全角の縦書きが一定文字数で改行になる。

    こんにちは、 下のプログラムで全角の文字を入力し、縦書きにすると10文字で改行されます。横書きや半角の縦書きでは改行されないようです。 全角の縦書きで改行されないようにするにはどうすればいいでしょうか? 宜しくお願いいたします。 IE7で試しています。 <HTML> <HEAD> <STYLE type="text/css"> <!-- INPUT {font-size: 12px;} --> </STYLE> <SCRIPT language="JavaScript"> <!-- function check(){ var strName; strName = document.nform.textN.value; var test = document.getElementById("test"); test.innerHTML = strName; var tb = document.nform.tbSelect; test.style.writingMode = tb.options[tb.selectedIndex].value; } //--> </SCRIPT> </HEAD> <BODY> <FORM name="nform" > <SELECT name="tbSelect"> <OPTION value="tb-rl">縦書き</OPTION> <OPTION value="lr-tb" selected>横書き</OPTION> </SELECT><BR><BR><br> <INPUT type="text" size="45" name="textN"><BR> <input type="button" value=" 確認 " onClick="check()"> </FORM> <DIV id="test" style="writing-mode:tb-rl;position:absolute;font-size:24px;font-family: Verdana, sans-serif;cursor:hand"> </DIV> </BODY> </HTML> </html>

  • ボタンの配置

    初心者の問題ですが。。 ページの中央にボタン配置したいときはどのタグ使うでしょうか。 <asp:Button id="cmdSubmit" style="Z-INDEX: 105; LEFT: 100px; POSITION: absolute; TOP: 400px"runat="server" Text="送信" Width="128px"></asp:Button> <asp:Button id="cmdCancel" style="Z-INDEX: 106; LEFT: 350px; POSITION: absolute; TOP: 400px"runat="server" Text="キャンセル" Width="128px"></asp:Button> LEFTのところcenterに変えてみたんですがだめでした。。。 教えてください。 よろしくお願いします。

  • くの字点のcss

    以下をcssにしてくの字点を出す方法を教えてください <span style="display:inline-block; line-height:1em; vertical-align:middle; -ms-writing-mode: rl-tb; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; layout-flow:horizontal; text-orientation:upright; -webkit-text-orientation:upright;"><span style="display:block">〳</span><span style="display:block">〵</span></span>

    • ベストアンサー
    • CSS
  • ASP

    ASPのNETのButtonコントロールについて for文で <asp:Button ID="Button3" runat="server" onclick="SubmitBtn_Click" Text="注文する" Width="110px"/> を繰り返して複数個のボタンを作ったのですがそれぞれ個別した動作を設定できずどのボタンを押しても同じ動きしかしてくれません。なんとか別々に動作を決定することはできないんでしょうか?

  • ASP.NET WEBアプリケーションで作成されたページより他の既存ペ

    ASP.NET WEBアプリケーションで作成されたページより他の既存ページへデータを投げたいと考えているのですがセキュリティ上難しいのでは?と考えています。しかし、なんとか代替案がないかと思っておりどなたかヒントをいただけないでしょうか? <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> <asp:TextBox ID="TextBox3" runat="server" Height="72px" TextMode="MultiLine" Width="651px"></asp:TextBox> <br /> <asp:Button ID="Button1" runat="server" Text="Button" />&nbsp;&nbsp; <asp:Button ID="Button2" runat="server" Text="Button" /> <br /> <br /> <asp:Label ID="Label1" runat="server"></asp:Label> 例えばこんな簡単なaspxのページで構成されているとします。 テキストボックスに入れた値を既存のWEBページ(Yahooへのログインだとか)へ入れ込みたいのですが・・・クライアントにスクリプトで作ってとかなら余裕で出来ると思うのですがサーバサイドで仕込むことは難しいでしょうか?回避策とかもあるとなおうれしいのですが・・・よろしくお願いします。

  • ASP.net

    asp:Textboxなどのサーバコントロールについて質問です。 質問(1)サーバコントロールには、runat=Serverと記載しますが、これはサーバにリクエストが走っているということなのでしょうか? 質問(2)それらのコントロールに対して、CSS3のプロパティは指定可能なのでしょうか? 質問(3)JQUERYの、DOCUMENT.READYや、#Button.clickは、使用可能でしょうか?また、JQUERY Mobileは使用可能でしょうか? ◆補則 (1)VBの部品を、ブラウザ上で動かすようなケースであれば、クライアントにダウンロードをさせずに動かすために、サーバで動くということもあるのでしょうが、asp:Textboxなどであれば、内部的にはHTMLのタグなのでしょうか? だとしたらリクエストはしないのですよね? (2)動的に、page.UI.textboxなどを作成すると、HTMLタグが持っている要素をプロパティとして持っていますが、ユーザコントロールは、もしHTMLとして作成されているtextboxならCSSプロパティを指定できそうですが、VBの部品なら操作できるのはVBのコントロールのプロパティですよね? (3)AJAXの考え方は、DOMだけ書き換えようとするのにたいし、ASPでは、FormをSubmitしてリクエストしますよね。 どうやって共存しているのでしょうか?

  • Buttonの処理について

    aspのButtonの処理をクライアント側(javascript)だけで実行出来ますか? 出来る場合、どのような記述をすればいいでしょうか? <asp:Button ID="btnHenko" runat="server" Text="実行" OnClientClick=" btn_Click" UseSubmitBehavior="false" だけ記述したところ、サーバー側の処理が走ってしまいます。

専門家に質問してみよう