• 締切済み

縦書きにする方法

一太郎で入力した縦書き文章を、「他形式で保存」で「html文書」にすると、横書きになります。それを縦書きにするため次のような方法を考えていますが、ソースのなかのどこに挿入すべきか、よく分かりません。入れるタグは  http://copicopi.com/text.html の中の「文字」→「文章変化」にあるものです。(変えるべき点があれば教えてください) トップ・ページ以外は「縦書き」のページをいくつか続けるサイトをつくりたいのです。まだ初心者なので、よく分からず、お尋ねした次第です。とりあえず今回は縦書きについてお尋ねしました  下に、本文直前の部分のソースを書いておきます。よろしくお願いします。 <html> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META NAME="GENERATOR" CONTENT="JUSTSYSTEMS Ichitaro22"> <META NAME="CREATIM" CONTENT="18:53:26"> <META NAME="BUILD" CONTENT="2012/10/9"> <META NAME="KEYWORDS" CONTENT=""> <META NAME="JS_HIDE_METAINFO_JUSTSYSTEM_ICHITARO" CONTENT="Do not change this line. ADD_TABLE"> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <TITLE>詩</TITLE> </HEAD> <body style="font-size:1em"> <table WIDTH="100%"> <tbody><TR> <td ALIGN="CENTER"> <TABLE> <tbody><TR> <td WIDTH="792" style="font-size:1em"> <DIV>  </DIV> <DIV>  </DIV> <DIV>   <FONT STYLE="font-size:1.43em">鼓   動</FONT> </DIV>     この後に本文

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

>リンクはやはり、横書き用のようなので行き詰まり状態です。  そうではありません。  現在作っているオリジナルの一太郎文書をPDFに出力して出来上がったPDFにリンクするのです。 PDF:作成した印刷物をそのままのイメージで表示・印刷ができる。 HTML:文書の構造(どこが見だし、どこからどこまでがひとつの段落など)がどのような端末でも理解し利用できる。  目的が違うフォーマットです。あなたの文書の目的が前者ならPDFをつかい、後者ならHTMLを使うということです。 【引用】____________ここから HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[2.2 HTMLとは何か?( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より

すると、全ての回答が全文表示されます。
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

縦書きは、CSS3での導入が見送られました。 ブラウザ依存(IEのみ)ですが、writing-mode: tb-rl;を使ってください。 ★IEのシェアは、50%台まで低下しています。IEに限定するのは非現実的です。  →日本のブラウザシェア推移グラフ (StatCounter Global Statsより) ( http://lhsp.s206.xrea.com/misc/browser-share.html ) なお、 『単に文書内容を整形する目的だけで表を用いるべきでない。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )』 『ページレイアウトの目的で表を用いる。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )』 と表を使ったレイアウトは、もっとも強く非難されてきた手法です。  ちなみにページをCtrl+Altでコピー(Ctrl+C)してメモ帳に貼り付けたら理由はわかります。  また、<font>要素も非推奨です。 『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』  strictにfontはありませんし、HTML4.01以降のXHTML,HTML5では使えません。 ★横書きで書いて、縦書きはPDFなどにしてリンクで参照してもらうのが最善でしょう。  どうしてもなら、GIF画像の背景にして、文字はcolor:transparentやvisibility:hiddenで見えなくすること。

OKAT
質問者

お礼

回答者がないので、無理なことかなとは思っていましたが、やっぱりIEの一部でしか通用しないんですね。画像化はできるようですので、そうしようかと思います。リンクはやはり、横書き用のようなので行き詰まり状態です。  ありがとうございました。

すると、全ての回答が全文表示されます。

関連するQ&A