• 締切済み

ＨＴＭＬで縦書きのブログ

ＨＴＭＬのＷｒｉｔｉｎｇ　ｍｏｄｅで縦書き・横スクロールのブログを実現したいです。 どのように記述すればよいのでしょうか。 イメージとしては、巻物のように、右端から始まって、左にスクロール（文章は上下軸に対して中央揃え縦書き）していくようなものにしたいです。 できればブラウザによってレイアウトを変えられるようにもしたいです。 よろしくお願いします

みんなの回答

  • x_o
  • ベストアンサー率81% (159/195)
回答No.3

このサイトとかはどうでしょう？ http://www012.upp.so-net.ne.jp/tateruby/

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

通常の10倍の労力を要します・・・ さらにブログでの項目やシステムを縦書き用に設定する必要もあります。 環境依存なので、非現実的です。 ----------------------------------------- 単に文字単位で縦書きデザインなら可能ですが、 文字単位なので検索インデックスされ難いです。 横書きのテキストを縦に見せるには、 IEの独自要素で可能ですが、その他のブラウザでは横書きになります。 #1さんの方法や携帯端末でも・・・ CSS3の技術で可能になってきましたが、 現在も（将来的には）可能ですが、まだまだ現実的ではありません・・・ http://builder.japan.zdnet.com/off-topic/sp_epub2010/20423244/

oshiete_kj
質問者

補足

最悪、ＩＥでしか通用しないものでも結構です。

  • x_o
  • ベストアンサー率81% (159/195)
回答No.1

こんなのありました～参考にしてみては？ http://www.geocities.jp/imocha/lab/apolab_2008-01-16_17-49-21.html

oshiete_kj
質問者

補足

縦スクロールの縦書きはできるのですが、問題は横スクロールの縦書きなのです。 ブログのテンプレートの中に仕込めて、また右端から始まる横スクロールが実現できるような記述をおしえてください。

  1. カテゴリ
  2. インターネット・Webサービス
  3. SNS・掲示板・ブログ
  4. ブログ

関連するQ&A

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

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

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

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

  • ＨＴＭＬにて実現可能かどうか

    こんにちは。今回もまたよろしくお願いします。 今「こういう形でレイアウトしたい」という画面がありまして、そのレイアウトが実現できるかどうか知りたいのです。 使ってるのはＨＴＭＬだけなのですが、列が７個ほど、行がかなりの数あるテーブルがあって、これをこのまま出力すると下まで、ずーっと続いてしまいますよね？ これをテーブルの横にスクロールバーをつけるような感じのレイアウトにしたいと思っているのですが、これは実現可能なものなのでしょうか？ タグや参考サイトがございましたらお教えいただけると助かります。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • レスポンシブルWebデザインのボックスの中の文字

    宜しくお願いします。 2行目に記したボックスを均等に配置したレイアウトで、ブラウザを縮めると1行目の ように文字が上下中央に揃う形にコーディングしたいのです。 どのようにすれば実現出来ますか？ 出来ればHTML5 CSS3で実現したいですがJavaScriptやJqueryを用いた方法でも構いません。 下記に参考ソースを記します。 http://jsfiddle.net/2VfDu/11/

    • ベストアンサー
    • HTML
  • HTMLのTEXTAREAについて

    HTMLのTEXTAREAで作成した複数行の上下中央に名前を記述するコーディングを知りたい。

  • CSSとHTMLの比重

    実際の製作現場ではレイアウトでCSSを使用する比率はどのくらいなのでしょうか、例えばできるだけCSSメインで構成するかまたはHTMLで実現できないところを補うのか、テーブルタグによるレイアウトはしないのが常識なのかとか、また対応ブラウザの検証をどの範囲まで行うとか、どのようなものなのでしょうか、よろしくお願いします。

    • ベストアンサー
    • CSS
  • HTMLで作っているサイトに、別で動かしているブログのRSS情報を取り込みたい。

    さくらインターネットでHTMLでサイトを作成しています。 そして、FC2ブログで日記や気になったニュースを載せるブログをやっております。 さくらのサイトの方に、FC2ブログのRSS情報を取り込んで、更新情報として表示させたいのですが、これを実現できるようなCGIはありますでしょうか？ RSSを読み取り、それをリスト形式などで整形して出力するCGIがあれば、可能だとは思うのです。 RSSを読み込み、サイトに表示させるようなCGIはいくつかあるようなのですが、出来れば、色々とレイアウトを試したいので、RSSの中の情報を取捨選択して取り出せるCGIが欲しいと思っています。 Perlで、そういう機能を持ったCGIはありますでしょうか？　もし知っておられましたら、教えていただければと思います。 よろしくお願いいたします。

    • ベストアンサー
    • CGI
  • テーブルの上下右側に文字列を表示したい

    添付画像のように、テーブルの上下右側に、文字列を表示したいと考えています。 テーブルの幅や列数はデータの内容によって変わります。 HTML・CSSをどのように記述すれば上記を実現できるでしょうか。 ※単に右寄せにすると、テーブルの右端ではなく画面の右端になります。 試行錯誤しているのですがうまくいきません。 どなたかお知恵をお貸しください！

    • ベストアンサー
    • HTML
  • HTML5で、メニューボタンを固定位置にする方法

    HTML5で、メニューボタンをスクロールしても固定位置に表示する方法を教えてください。 今回はスマートフォン向けのサイトです。 CSSやJavascriptで実現できる方法はいくつかあるのですが、スマートフォンではうまく機能しません。 HTML5では機能しなかったり、スマホブラウザでは機能しなかったり・・・。 よろしくお願いいたします。

  • ブラウザの戻る進む

    ブラウザの戻ると進む（矢印の←と→）ボタンはおおむねどのブラウザも左端の方にありますが、 最新版のファイアーフォックスになる一個のバージョンは場所をカスタマイズできたので右端に近い場所に変えられました。 （私のマウスが上下のスクロールホイールがないトラックボールなので、戻ると進む（矢印の←と→）ボタンが右端にあると右端にある上下のスクロールバーと近いので操作しやすかったのです） しかし最新版のファイアーフォックスはなぜか戻ると進む（矢印の←と→）ボタンだけ移動できないような作りになりました。 もしどなたか、戻ると進む（矢印の←と→）ボタンを右端の方に移動できるブラウザを知っている方がおりましたら教えて下さい。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する