お礼画面にテーブルを設定したいのですが

投稿一覧

お礼画面にテーブルを設定したいのですが

お礼画面にテーブルを設定したいのですが　
投稿者：カナ　2010/11/14 01:19 PC 削除
お礼画面にテーブルを設定して、
その中にサイトにＵＰした小説を載せたいのですが、
綺麗に表示されなくて困っています

テーブルは反映されて表示されるのですが、
中に表示されるはずの小説が文字化けしてしまいます

文字化け後の文章の段落などから設定した小説の面影が見てとれ、
URLなどの間違いではないと思われるのですが、
文字化けの原因が分かりません

質問投稿板も検索させて頂きましたが、
類似の質問がなかったようなので質問させて頂きました
もし見つけ切れなくて同様の質問、回答などがあったりしたらすみません…

どなたか対処法をご存じの方がいらっしゃったらお教え下さい
よろしくお願いします

回答一覧

4 投稿者：名前未記入　2010/11/15 00:14 PC 削除
■補記
taka_fumiさんの２つめについての説明
＞一旦メモ帳などにペーストすることでキャラクタ情報が削除されて
文字列入力欄のTEXTAREAは元々コピーペーストした際に文字コードは引き継がれないので
何処かで書いた物をコピーペーストしたからといって文字化けする事はないです。

※但し、例外的に「 ~ 」（チルダ）が「～」（全角波形）に変わるなど
　ＯＳ依存により文字化けする物はメモ帳などを使っても文字化けします。

3 投稿者：カナ　2010/11/14 21:29 PC 削除
回答ありがとうございました

私の勘違いで、tableではなくinframeでした
失礼しました…

無事に文字化けを直すことが出来ました
丁寧に教えていただいて、本当にありがとうございました

2 投稿者：taka_fumi　2010/11/14 14:55 PC 削除
カナさんのご質問には2つの要素が含まれてますね。
　1.テーブルタグ……これは、そのまま入力すると画面一杯か、行が短いと中央寄せされてしまうのを避けるためではありませんか？
　2.文字化け……掲載したい小説は何かで書いて、それをコピーペーストしていませんか？

元々、お礼画面自体がTableで設計してあり、お礼画面のメッセージはその内の1つのセルに収まるようになっています。
そのセルの中にもう一つセルを入れ子するようにするとMETAタグを設定する必要はありません。

1.については私はこんな風に処理しました。（もちろんこれ以外にもやり方はあります）

使用テンプレートは［スキン0（オールタグ）］を選択。
　　［お礼画面編集&画像の編集］-［全体スタイルシート］に以下を記載。
table#mybody {
width:500px; 　　　/* 行の幅ブラウザで読むならこのくらいから600pxくらいが読みやすいと思います */
text-align:left;　　　/* 左寄せ */
font-size:medium; 　　　/* 文字サイズ：普通の大きさ */
line-height: 1.5em;} 　　　/* 行間1.5文字 */

　　［お礼画面］-［メッセージ本文］にはこのように記載。
［メッセージ本文］1行目に以下をコピペ。
　　<table id="mybody"><tr><td>
2行目から普通に本文を入力。最後の行に以下をコピペ。
　　</td></tr></table>

2.についてはブラウザから直接コピーしたとか、他のテキストアプリからコピーしたとすると、キャラクタ（文字）情報をそのまま持ってきてしまったため、実際に使っているブラウザの設定と違っているために文字化けしているだけだと思います。
この場合は、一旦メモ帳などにペーストすることでキャラクタ情報が削除されて純粋に文字だけになりますから、そこからもう一度コピーペーストすれは正常に表示されると思いますよ。

1 投稿者：名前未記入　2010/11/14 03:27 PC 削除
＞その中にサイトにＵＰした小説を載せたいのですが
＞URLなどの間違いではないと思われるのですが
テーブル（tableタグ）じゃなくてiframeタグの事じゃないですか？

サイトにＵＰした小説ページにMETAタグを使って「Shift_JIS」など、
文字コードちゃんと指定しないとUTF-8以外のiframe内ページは文字化けします。
METAの記述やiframeを使う際の文字化けの注意は
ＨＰ作成指南サイトなどが参考になりますのでそちらを参考にしてください。