- 締切済み
文字をそのまま縦書き
英字を縦に書きたいと思っています。 menu を m e n u (writing-mode: tb-rl; や <br> <pre>~</pre> などでできるもの) というふうではなく、 この文字をそのまま下に90度回転させた状態です。 画像にすればできるのですが、なんとかタグでできないかと思ってます。 よろしくお願いします。
- みんなの回答 (3)
- 専門家の回答
関連するQ&A
- 縦書き文字を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
- ASP.Net ボタン縦書きにしたい
大変お世話になります。 日夜ASP.Net の勉強をしております初心者でございます。 ボタンコントロールの形状の理由でテキストを縦書きにしたいと思っております。 サイトを調べてみると、 <asp:Button ID="Button1" runat="server" Text="縦書きテスト" Style="writing-mode:tb-rl;" /> という情報を得たのですが、実際この Style="writing-mode:tb-rl;" を記述すると、 writing-mode は認識できるCSSプロパティ名ではありません。 と、エラーになってしまいます。わたくしの記述が間違いなのか、他に方法があるのか、 何卒お教え願えないでしょうか? 何卒よろしくお願いいたします。
- ベストアンサー
- Microsoft ASP
- 和風サイト制作の縦書について、
和風サイト制作の縦書について、 .u-vertical { writing-mode: tb-rl; writing-mode: vertical-rl; line-height: 2em; } このようにしているのですが、pが複数並ぶ場合横書きは縦に並んで問題ないのですが、 縦書きだと横に並んでくれずに困りますよね。 floatやフレキシブルボックスなどで毎回、横並びにするしかないのでしょうか? 大変ですね。 http://www.miyama-sansou.com/ はspanだらけにするというとんでもない方法でやっていますが。
- ベストアンサー
- CSS
- cssテキスト表示を縦書きにしたいのですが・・・。
現在ホームページ制作中です。 テキストを縦書きにするため、cssでwriting-modeをtb-rlにしたのですが、ブラウザのIEだと 縦書き表示されるのですが、fireやクロームだと、くずれてしまいます。 どうしたらいいのでしょうか? 教えてください。
- 締切済み
- その他(ITシステム運用・管理)
- ドリームウィーバーで縦書きの文章
タイトル通りなのですが、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>
- ベストアンサー
- JavaScript
- CSSで半角文字を横倒しで表示したい
下記のHTMLソースで、文字の向きを180度回転させて表示する方法はありませんか? 現状、上が右になっていますが、上を左にしたいのです。 本来、縦書き表示ようのスタイルシートですが、 半角英数ですと横倒しになるためかえって都合がいいです。 (IE6だけで動作すればよいです) <html> <body> <div style="writing-mode:tb-rl;"> 10<Z≤20</div> </body> </html>
- ベストアンサー
- HTML
- くの字点の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
- ウィンドウサイズと文字の表示位置指定
縦2分割フレーム(フレームサイズは固定)のページの左側のコンテンツメニュー一覧を置いてます。 文字は今現在左寄せ指定です。 そのメニュー一覧文字の見え方を、左寄せ・ウィンドウ底辺合わせのデザインにしたいと思ってます。 その場合閲覧する方が任意の大きさにウィンドウの縦サイズを変えても、「底辺合わせ」を保つにはどうしたら良いでしょうか? (ウィンドウに下部に文字が固定される感じです) 背景画像とかだとできるのですが文字も可能でしょうか? 現在タグは以下です。 . . . <BODY> <P align="right"><BR> <A href="***.html" target="1">1</A><BR> <A href="***.html" target="1">1</A><BR> <A href="***.html" target="1">1</A><BR> </P> </BODY> </HTML>
- 締切済み
- HTML
- 文字列の中の特定部分とそうでない部分とで処理を分けたい
文字列中で、<test>~</test>で囲まれた部分と、囲まれてない部分とで処理を分けたいです。 そして、分けて処理したあとに、くっつけたいです。 abcdEFG <test> ABCDEFG </test> hiJKLmn ↓ 例えば、<test>で囲まれた部分は小文字に変換、囲まれていない部分は大文字に変換という処理であれば以下のようにしたいのです。 ABCDEFG <test> abcdefg </test> HIJKLMN 扱う文字列は、UTF-8で複数行です。 自分でとりあえず動作するコードは作成してはみたものの、、、 あまりスマートとはいえないと感じていて、もっといい方法があればご教示お願いしたいです。。。 1.文字列Aの中から、<test>で囲まれた部分をpreg_match_all()で取得し、変数Aに格納。 2.変数Aに処理を加え、変数Bに代入。 3.preg_replace()で文字列Aの中の、変数A部分を変数Bに置換。 4.文字列Aを、<test>で囲まれた部分をキーとしてpreg_split()で分解し、変数Aに格納。 5.変数Aに処理を加え、変数Bに代入。 6.preg_replace()で文字列Aの中の、変数A部分を変数Bに置換。 $pre1 = array(); $pre2 = array(); preg_match_all("/<test>((.|\r\n|\n)*?)<\/test>/u", $p_string, $pre1); for ( $x = 0; $x < count($pre1[0]); $x++ ) { # $pre1[0]ではなく$pre1[1]としてるのは<test>タグを含めないため $pre2[$x] = $pre1[1][$x]; # hoge*()は処理 $pre2[$x] = hoge2( $pre2[$x] ); $pre2[$x] = hoge4( $pre2[$x] ); # <test>タグを戻して、置換後の文字列完成・・・(1) $pre2[$x] = '<test>'.$pre2[$x].'</test>'; # 置換パターン・・・(2) $pre1[0][$x] = "/" . preg_quote($pre1[0][$x], "/") . "/u"; } # 文字列から、(2)置換パターンを探して、(1)置換後文字列に置き換え $p_string = preg_replace( $pre1[0], $pre2, $p_string ); $pre1 = array(); $pre2 = array(); $pre1 = preg_split("/<test>(.|\r\n|\n)*?<\/test>/u", $p_string, -1, PREG_SPLIT_NO_EMPTY); for ( $x = 0; $x < count($pre1); $x++ ) { $pre2[$x] = $pre1[$x]; # hoge*()は処理 $pre2[$x] = hoge1( $pre2[$x] ); $pre2[$x] = hoge2( $pre2[$x] ); $pre2[$x] = hoge3( $pre2[$x] ); # 置換後の文字列完成・・・(3) $pre2[$x] = hoge4( $pre2[$x] ); # 置換パターン・・・(4) $pre1[$x] = "/" . preg_quote($pre1[$x], "/") . "/u"; } # 文字列から、(4)置換パターンを探して、(3)置換後文字列に置き換え $p_string = preg_replace( $pre1, $pre2, $p_string ); # 最後に<test>タグを削除する $p_string = preg_replace( "/<test>((.|\r\n|\n)*?)<\/test>/u", $1, $p_string );
- ベストアンサー
- PHP
- MFC-J960DWN-B/Wのプリントやコピーで色がほぼ出ないというトラブルが発生しています。
- お使いの環境はMacOSで無線LANで接続されています。
- 関連するソフト・アプリや電話回線の情報は不明です。
お礼
ありがとうございます。参考にさせていただきます。