blockquoteタグを使っているのに、自動改行されません



0   名前: しん : 2007/01/21(日) 14:55  ID:ZHqXk.nf sub-HD
(タグの説明に<>を使うと適用されてしまうような気がして怖いので、<>の代わりに「」を使用しますね)


初めまして。過去ログなど色々と探ってみましたが解決方法が見つからなかったので、質問させて頂きます。


自サイトに載せる小説についてなのですが、自動改行(横スクロールバーが出ないように画面の端で改行)させたいために「blockquote」タグを使っているのに、何故か改行されません。

「word-break: break-all; 」を使って自動改行させる方法も見てみましたが、このスタイルシートを本文全体にかける方法が分からず(本文には、H2やPなどのセレクタが何もついていない為)、にっちもさっちもいかない状態です。


原因としてこれかなー、と思っているのは、頭から「pre」タグを入れていることです。
改行に「br」を使わず、「pre」によって表示画面のままの文章でページを作っているので・・・(メニューページなど、文字数の少ないところではpre不使用です)。
実を言うとエディターソフトを持っていないので、ワードで小説を書く→コピーして、枠組みだけ作った(HEADやTITLEなどを書き込んだ)メモ帳に貼り付ける→タイトルなど、文字の色や大きさを変えたいところだけ「FONT size="" color=""」などで変える・・・という手順で小説ページを作っています。
「pre」タグの多用はあまりよくないとどこかで読んだので、これかな、と(もしそうでしたらこの問題は諦めます。今更、長編小説全部に「br」タグを打ち込むのは無理・・・!)。


では。何か情報をお持ちの方、お教え頂けると幸いです。
失礼致します。m(_ _)m

1   名前: key-child : 2007/01/21(日) 14:55  ID:2kGJVJwY sub-bK
整形済みテキストを使用しているためじゃないでしょうか?
ソースを見てみないことにはなんとも言えませんが・・・

per要素
http://www.tagindex.com/html_tag/text_font/pre.html


> 自サイトに載せる小説について
気になるので、自分で書いた小説なのでしょうか?
自分で書いたものならば引用文はやめましょう。

blockquote要素
http://www.tagindex.com/html_tag/text_font/blockquote.html

2   名前: しん : 2007/01/21(日) 14:55  ID:ZHqXk.nf sub-HD
返信ありがとうございます。

やはり、preを使うと上手くいかないようです^^;。
もうこれはしゃーないか。



>気になるので、自分で書いた小説なのでしょうか?
>自分で書いたものならば引用文はやめましょう。


ごもっともです。すみません・・・。

ただ、「blockquote」を使うと本文の上下左右にスペースが出来るので、自然文章が画面の真ん中に来て、読みやすくなるんですよ。
ウェブ上で小説を書かれている方は、結構使っている手なのです。


では。すばやい返信ありがとうございました。やっぱり、自分できりのいいところで改行させるようにするのが一番の近道のようです。
お騒がせして申し訳ありませんでした。

3   名前: K+S : 2007/01/21(日) 14:55  ID:nROqylMa sub-YS
> 自動改行(横スクロールバーが出ないように画面の端で改行)させたいため
つまり、(text-align:leftと仮定して)画面右端で折り返したいのですね。

> 原因としてこれかなー、と思っているのは、頭から「pre」タグを入れていることです。
pre 要素は、整形済みテキストを意味します。
パースされる一部(含める要素タグなど)を除いて、内容をそのまま表示させてしまうのです。
要するに画面右端などを無視してまで、記述したソースと同様の表示をさせてしまうのです。
pre 要素の内容が画面右端だからといって改行されていては整形済みと言えません。

抜本的な解決方法は pre 要素を用いないことです。

pre要素を用いているのであれば、改行させたい部分で改行してください。
整形済みテキストとしてそのまま反映されます。


> word-break: break-all;
このプロパティでは、仮にブラウザが実装していたとしても理想通りの結果を期待することができません。

余談ですが、
> このスタイルシートを本文全体にかける方法が分からず(本文には、H2やPなどのセレクタが何もついていない為)
表示領域(width値)を持つテキストの親要素に対して指定すればよいだけです。
body 要素をタイプセレクタとして用いても問題ありません。
本文以外を含みたくないのであれば、本文部のみを何らかの要素で包含する必要があります。

> 文字の色や大きさを変えたいところだけ「FONT size="" color=""」などで変える
pre 要素は、整形済みテキストを意味するので、sizeを指定することはできません。
また、font 要素自体、pre 要素の内容にはできませんので、<font color="">と color 属性のみであっても用いることはできません。
pre 要素内で色を指定することは問題ありません。スタイルシートなど他の方法を用いてください。

> 今更、長編小説全部に「br」タグを打ち込むのは無理・・・!)。
Microsoft Word でも、改行文字を置換フォームで用いることができるので、置換処理を用いれば容易に可能です。
フリーソフトのテキストエディタでも、正規表現を扱えなくとも改行文字であれば扱えるものがあります。
「\n」を「<br>\n」に置換すれば、通常の改行部位にbrタグを付加できます。
正規表現を用いれる場合であっても、行末文字でなく改行文字を対象とした方が適当です。

> ただ、「blockquote」を使うと本文の上下左右にスペースが出来るので、自然文章が画面の真ん中に来て、読みやすくなるんですよ。
<div style="margin:30px 60px">本文</div>
スタイルシートを使うと本文の上下左右に非常に柔軟にスペースなどの指定が出来るので、理想的な表現を実現しやすいんですよ。

> ウェブ上で小説を書かれている方は、結構使っている手なのです。
あなたの妄想です。




> やっぱり、自分できりのいいところで改行させるようにするのが一番の近道のようです。
あなたがそれで納得したのであればよいのですが。
本当の近道は、テキストエディタの操作、HTML、スタイルシートについて知識をつけることです。
急がば回れ。

4   名前: Z ◆XTzyosZXcL : 2007/01/21(日) 14:55  ID:CSqyQR5N sub-Cl
>>3
>本当の近道は、テキストエディタの操作、HTML、スタイルシートについて知識をつけることです。
「ちゃんとした」資料に出会えるかどうかが(特にHTMLの場合)理解が進むかあさっての方向へ行ってしまうかの分岐点でしょうね(^^;

参考:よりよい解説かどうかの見分け方一例)
http://members.jcom.home.ne.jp/pctips/Tondemo/
http://bakera.jp/html/book/

5   名前: しん : 2007/01/21(日) 14:55  ID:ZHqXk.nf sub-HD
詳しい返信、ありがとうございます。


K+S様

>フリーソフトのテキストエディタでも〜・・・

検索してみたところ、ベクターという所で、brを打ち込んでくれるフリーソフトを見つけました。
今までフリーソフトというものは敬遠していたのですが、色々な方の意見を参考にして、安全性・信用性の高い物をダウンロードしてみます。

>スタイルシートを使うと本文の上下左右に非常に柔軟にスペースなどの指定が出来るので、理想的な表現を実現しやすいんですよ。
サンプルタグまでありがとうございます。もうちょっと、スタイルシートの勉強もしなきゃ駄目ですね。

>あなたの妄想です。
わー、そうだったんですか(汗)。
小説サイトさんで、文章が中心に来てて読みやすいなー、どうやってるのかなー、と思ってソースを除いてみたらblockquoteタグを使っていた・・・ということが3回ほどありまして(それぞれ別のサイト様)。ううむ、偶然って恐ろしい・・・−−;。


Z様

参考資料、真にありがとうございます。
特に、「のけぞる本!」様の、なぜ BLOCKQUOTE でインデントしてはいけないのか、の説明を読んで目から鱗ものでした。


では。有用な情報をご提供くださり、ありがとうございました。
失礼致します。m(_ _)m

一覧へ戻る