Gizport
1 回答
0
Share (facebook)
135
view
全般

「自分のサイトを携帯で読むと、読みずらい」の続きです 「携帯サイトを...

「自分のサイトを携帯で読むと、読みずらい」の続きです 「携帯サイトを携帯で読むと、読みずらい」の続きです

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1472224789
の続きです

http://nanos.jp/longlonglong/clap/3/
のように画面の端まで文章が表示されるようにしたいんです
この状態だと携帯で見たときでも端まで表示されるんです

今の状態だと画像にあるように横幅一杯まで表示されず、余白がある状態です
PCで見たときは回り(テーブルの外枠?)も余白がある状態なので気になりません
PCで見た画面→http://nanos.jp/longlonglong/novel/6/12/
(<center><table width="<pc>550</pc><nopc>100%</nopc>"><tr><td><font size="2">
ああああ略</font></td></tr></table> です)
しかし携帯から見るとテーブルの中身だけ表示され、画面が小さいため両端に余白があると読みずらくなっています

全体レイアウト
<nopc><font size="1">

</nopc><pc><div align="center" style="text-align:center;">
<div style="width:350px;text-align:left;border:solid 1px #888888;padding:10 20px;"></pc><div style="font-size:10pt;margin:<nopc>10 </nopc>0px;">

<br /><div style="margin:0em 1.0em 0em 1.0em">#novel#</div>
</div><nopc></font></nopc>

表紙画面レイアウト
#sozai1149_w#
<div align="center" style="text-align:center;">#リンク#</div>
↑old ↓new
( <a href="#dream_url#">name</a> )
#list#
<a href="http://nanos.jp/longlonglong/">←</a>
<div align="right" style="text-align:right;">#novel6_リンク#</div>

文章画面レイアウト
#title#<br /><hr color="#DDDDDD" size="1" />#text#
</font></td></tr></table>
<br /><br /><center><font color="#DDDDDD">[ #pageNum#/#pageCount# ]</font></center><br/>

<center>

HEAD内
<style type="text/css">
<!--
body{padding-top:20;padding-left:20;padding-right:20;}
textarea,select,input{background-color:#ffffff; color:#777777; font-size:x-small;border:solid 1px #cccccc;}
-->
</style>
Yahoo!知恵袋 4675日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
【全体レイアウト】
<div align="center" style="text-align:center;"><nopc><font size="1"></nopc>#novel#<nopc></font></nopc></div>

【表紙画面レイアウト】
<div style="width:350px;text-align:left;<pc>border:solid 1px #888888;padding:10 20px;margin:10px 0px;</pc>font-size:10pt;">

#sozai1149_w#
<div align="center" style="text-align:center;">#リンク#</div>
↑old ↓new
( <a href="#dream_url#">name</a> )
#list#
<a href="http://nanos.jp/longlonglong/">←</a>
<div align="right" style="text-align:right;">#novel6_リンク#</div></div>

【文章画面レイアウト】
<div style="width:<pc>550px</pc><nopc>100%</nopc>;text-align:left;<pc>border:solid 1px #888888;padding:10px 20px;margin:10px 0px;</pc>font-size:10pt;">
#title#<br /><hr color="#DDDDDD" size="1" /><font size="2">#text#</font><br /><br /><div align="center" style="text-align:center;"><font color="#DDDDDD"> #pageNum#/#pageCount# </font></div></div>

【HEAD内】
<pc><style type="text/css">
<!--
body{padding-top:20;padding-left:20;padding-right:20;}
textarea,select,input{background-color:#ffffff; color:#777777; font-size:x-small;border:solid 1px #cccccc;}
-->
</style></pc>


これだと、どうでしょうか?(相変わらず携帯で確認できないので探り探りで申し訳ありません)
他の方が回答されているように、テーブルはあまり使わない方がいいかと思います。(前回指摘しておけば良かったですね。すみません)
なので一応、テーブルを使わない形にタグを書き換えています。
小説の本文に記述している<center><table~><font~>などは、頑張って全て削除なさってください。
上記のようにレイアウト指定すれば、本文中には本文のみ書いて行く形で、レイアウトが反映されると思います。

携帯の場合、端から端まで表示させたいと言う事ですので、文章を囲む枠線は表示しない形のタグにしてあります。
携帯でも枠線が必要な場合は、補足して頂ければ書き直したものを回答させて頂きます。
また、目次画面レイアウトに関しては、ご希望のレイアウトが分からないので回答を控えさせて頂きました。
ところで、表紙画面レイアウトの「#リンク#」は、貼り付け用独自タグの前半部分が抜けているだけでしょうか?

更に、所々で必要性が分からなかった<center>タグも、削除させて頂いています。
希望の形と異なる場合は、その点についての具体的な補足をお願いします(>_<)
Yahoo!知恵袋 4674日前
シェア
 
コメントする
 

参考になったと評価
  このQ&Aは参考になりましたか?

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
46
Views
質問者が納得おそらく相手側のメール設定の問題でしょう。 Gmailは携帯端末以外からのメールと判定されて弾かれいているのだと思います。 相手が設定を変えれば受診出来るようになると思います。
3726日前view46
全般
85
Views
質問者が納得HEAD・HTML詳細の内容に誤りがあるのでは無いと思われます。 #formInput_#name## と、独自タグがそのまま表示されてしまう方の小説機能の「夢(ドリーム)小説設定」で、 #name# と言う変換されるタグを設定した項目を、作成されていらっしゃらないのではないでしょうか? 確認なさってみてください。 あと、HEAD・HTML詳細の <style type="text/css"> の後には <!-- を、 </style> の前には --&g...
4230日前view85
全般
53
Views
質問者が納得両方設置できるものもあります。 ワードプレスをホームページに設定してしまうとhtmlをホームページとして設定できない(アップできない)様なサイトもあります。 多分後者のサーバーではないでしょうか?
4276日前view53
全般
165
Views
質問者が納得メールが届かなかった相手は、指定受信をしているかも知れませんね 質問者さんの旧アドレスを指定して受信出来るようになっていても 新しいアドレスで送信をした為に拒否されてしまったと思います。 SMSで、新しいアドレスを本文に入れて届かなかった相手に 「このアドレスを受信出来るようにしてね」と送ってみてらどうでしょうか? *ウィルコムには、SMSを送れません。
4373日前view165
全般
98
Views
質問者が納得まず最初に、インターネットのメールと携帯のメールは 「メール」という言葉は一緒ですが、まったく別物です。 インターネットのメールは国際標準でどこともつながります。 携帯のメールは携帯会社の内側専用のグループウェアです。 携帯ユーザのほうで、インターネットと相互接続をするという 設定をしない限りつながりません。 先方にご確認ください。
4451日前view98

取扱説明書・マニュアル

関連製品のQ&A