メッセージの編集
お名前
本文
諸々の提示お疲れ様です。 『設定』『あとがき』共にナノの自動リンクで表紙から繋げていますか? だとしたら原因としてはテーブル内に入っているからと思われます。 <table>#list#</table> の形にすると、ナノの機能で自動的にリンクされる本文ページはすべてテーブル間に入ってしまいます。 例:<table> [左]<a href="/1/">01</a>[右] [左]<a href="/2/">02</a>[右] [左]<a href="/3/">03</a>[右] [左]<a href="/ex/">あとがき</a>[右] </table> また、テーブル自体<table><tr><td>ここ</td></tr></table>で初めて表示させるための文字等を記述できるタグです。 提示されている中に以下のミスがありますのでどうにかしておいた方がいいと思います。 ×<table>文字1<tr><td>文字2</td></tr></table> ×<table><tr><td>文字1</td><td>文字2</td></table> タイトル左右を使うと全体像が掴みづらくミスが多発しがちです。何かおかしいな、と思ったらソース表示してみるなどして全体を見てみてください。 解決策としては、 ・表紙レイアウトから</table>を削除、『あとがき』のタイトル左で </table>まで記述 ・『あとがき』のタイトル 左に<!-- 右に--> 、表紙レイアウトの</table>下にあとがきへのリンクを直接記述 等がありますが、他にも色々とミスや問題があるレイアウトなのでサクッと最適化させていただきました。 ・広告下げ回避 ・#list#部分、全体の25%幅で5列は携帯端末で無理があるため修正 以外あまり見た目に変化はないようにしています。コメントアウトを参考に調節してみてください(下部余白はいじらない方がいいです) 【全体レイアウト】 <div id="layout">#novel#</div> 【表紙画面レイアウト】 #sozai1751_w#<p class="title">タイトル</p><p>[ <a href="/ID/novel/1/dream">Name Change</a> ]</p><ul class="list"><li class="none">#list#</li></ul> <p>[ #page4_Main Top# ]</p> 【タイトル左】 『設定』 :</li><li class="block set"> 『あとがき』:</li><li class="block"> その他全部 :</li><li> 【タイトル右】 全部共通して空欄 【HEAD】 <style type="text/css"> body {/*=ベース=*/ text-align: center; margin: 0; padding: 0; } a {/*=リンク_総合=*/ text-decoration: none; } a:hover {/*=リンク_マウスオーバー時=*/ color: #ffffff; position: relative; top: 1px; left: 1px; } p { margin: 0; } #layout {/*=枠=*/ margin: 5px ;/*外側_余白*/ padding-top: 2em !important;/*内側_上余白*/ padding-bottom: 1em !important;/*内側_下余白*/ background-color: #ffffff;/*背景色*/ border: 1px solid #cccccc;/*枠線*/ font-family: 'メイリオ', 'Meiryo', sans-serif;/*フォント*/ color: #000000;/*文字色*/ } #layout a { color: #000000;/*枠内_リンク色*/ } p.title {/*=全体のタイトル=*/ margin: 1em 0;/*余白(上下 左右)*/ font-size: large;/*文字サイズ*/ } ul.list {/*=リスト=*/ margin: 2em 0 1em;/*余白(上 左右 下)*/ padding: 0; list-style: none; } ul.list li.none , ul.list br { display: none; } ul.list li.set {/*=『設定』へのリンク=*/ margin: 3em 0 2em;/*余白(上 左右 下)*/ } <nopc> /* ==ガラケー向け== */ #layout{ padding: 25px;/*枠内_余白(左右)*/ } </nopc><pc> /* ==pc,sp向け== */ #layout{ margin-top: 2em;/*枠外_上余白*/ margin-bottom: 1em;/*枠外_下余白*/ } @media only screen and (min-width: 332px) { /*=== ブラウザ幅332px( 下記の最低幅 + 枠内外左右余白合計 + 枠線太さ左右分 )以上でリスト部分を5列に ===*/ ul.list { width: 25%;/*pc向け幅*/ min-width: 300px;/*最低幅*/ margin-right: auto; margin-left: auto; text-align: left; } ul.list li { display: inline-block; width: 20%;/*5列で100%*/ text-align: center; } ul.list li.block { display: block; width: auto; } } </pc> </style>
編集パス
編集
記事削除
×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -