メッセージの編集
お名前
本文
CSSは、HEAD内なら下ほど、HTMLタグなら内側が優先されます。 例えばですが、 【HEAD】 <style type="text/css"> .aaa { color: #ccc;/*←下の指定で#000上書きされる*/ color: #000;} .bbb { color: #f00;} </style> 【全体レイアウト】 <div class="aaa"> あああ <div class="bbb"> いいい </div><!--/bbb--> </div><!--/aaa--> としたとき文字色はそれぞれ、『あああ』は#000、『いいい』は#f00になります。 ナノでは (前略) <body> 全体レイアウトなどの中身 </body> (後略) の形で出力されるので、提示されているレイアウトでは<body>よりも内側(全体レイアウト)の<div class="top>( .top{})に指定してあるline-heightが優先されている状態です。 なので.top{}間の該当指定を編集するか、削除してbodyのline-heightを継承させるかで反映させることができると思われます。 表紙以外で、とのことですが表紙画面は行間指定が反映されているのでしょうか?body{}に指定等、提示されている状況でそうなのだとしたら逆に反映されている表紙画面の方が問題かもしれません。今一度確認してみてください。 他ちょっと気になる部分が多かったのでサクッと最適化させもらいました。 諸々記述を変えていますがあまり見た目は変わらないようにはしています。問題ないようでしたらお使いください。 【HEAD】 <style type="text/css"> * { font-family: 'Arial', 'Osaka', 'Verdana', 'Helvetica', sans-serif; } html { text-align: center; } body { margin: 0; font-size: 95%; } br { letter-spacing: normal; } a { text-decoration: none; border-bottom: dashed 1px #dddddd; } a:hover { position: relative; top: 1px; left: 1px; } img { max-width: 100%; } #layout { margin: 16px; margin-bottom: 8px; padding: 10px; border: dashed 1px #dddddd; } .right { text-align: right;} .left { text-align: left; } .center { text-align: center;} <nopc> /* ▼ガラケー向け */ #layout { line-height: 130%;/*行間*/ letter-spacing: 2px;/*字間*/ } </nopc><pc> /* ▼pc,sp向け */ #layout { line-height: 2.5em;/*行間*/ letter-spacing: 4px;/*字間*/ } @media only screen and (min-width: 500px) { body { max-width: 500px;/*pc用幅*/ margin-left: auto; margin-right: auto; } #layout { margin-right: 0; margin-left: 0; } } </pc> </style> 【全体レイアウト】 <div id="layout">#novel#</div> 【文章画面レイアウト】 <div class="right">#title#</div> <div class="left">#text#</div> #prev_prev_prev# / #next_next_next# [ #novel1_戻る# ]
編集パス
編集
記事削除
×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -