メッセージの編集
お名前
本文
スレ主さんがまだ見てるといいんですが… 重複が多いので、修正しちゃいますね。 □全体レイアウト #novel# □文章レイアウト <div style="text-align:right" align="right"> <font size="4" color="#99CCCC">タイトル</font> </div> #text# <div class="clear"></div> □HEAD <style type="text/css"> <pc_only> body { width: 600px; margin:0 auto; padding: 0; font-family: "メイリオ",Verdana; } </pc_only> body { font-size: 88.8%; line-height: 1.5; } .left { float: left; clear: both; text-align: left; max-width: 500px; margin: 10px 20% 10px 10px; padding: 10px; background: #fff; border: 1px solid #777; border-radius: 15px; border-bottom-left-radius: 0px; } .right{ float: right; text-align: right; max-width: 500px; margin: 10px 10px 10px 20%; padding: 10px; background: #85e249; border: 1px solid #777; border-radius: 15px; border-bottom-right-radius: 0px; } .clear{ clear: both; } </style> 文章ページ本文で <div class="right"> 右側寄せ文章 </div> <div class="left"> 左側寄せ文章 </div> とすると、左右にボックスができます。わかりやすいように「background: 色コード;(背景色)」を記述しているので不要なら削除してください。 それっぽかったので回り込みさせてます。回り込み解除用の<div class="clear"></div>は消さないでください。 吹き出しはご希望になかったので、簡単ななんちゃって吹き出し風になってます。不要な場合は「border-radius: 15px;border-bottom-right-radius: 0px;」を削除すると角丸じゃなくなります。 文章ページ本文で<div>または<p>を使うので、全体レイアウトで<font>#novel#</font>とすると、<font><div></div></font>(インライン要素の中にブロック要素)になるのでよくないです。
編集パス
編集
記事削除
×
人気急上昇中のBL小説
BL小説 BLove
- ナノ -