ALICE+サポート タグ・デザイン掲示板 TOPページ タグ・デザイン掲示板 字下げをすると改行も一緒にしてしまう 編集 キャンセル 削除 アク禁 アク禁解除 キャンセル 凍結 0 Anonymous SO-54C お借りしているテンプレートに文章の字下げをしたくて p{ text-indent: 1em; } を追加したのですが、いざプレビューで見てみると字下げと一緒に改行もしてしまって文章と文章の間に一行分の空白ができてしまいます。 ▽理想の文章(○が空白とします) あいうえお ○かきくけこ さしすせそ ▽実際の文章 あいうえお ○かきくけこ さしすせそ ネットで調べたものをhtmlにただ貼り付けて、文章を打つページで<p>を入れて入力しているだけなので何がいけなかったのかわかりません。 説明も下手ですみません…わかる方がいましたら教えていただけると助かります。 3 01/02 01:39 返信 コメント投稿 検索 6 Anonymous SO-54C >>5 連投です、すみません。 しち様、もう一つ別にお借りしたテンプレートについて教えていただけませんか? 前回とはまた別に小説を作りテンプレートをお借りしているのですが、そこにもHTMLにp{ 〜 を入れて、文章画面にも<p>を入れプレビューして見ると以下の画像のような表示になりました。 ここが問題なのかな?と思うところはあるのですがどう手を加えていいのかわかりません…。 入力する優先順位が間違ってたりするのでしょうか? 添付した画像には#4で試しに入力してください〜の(1)〜(3)を入れています。 ▽文章画面編集 <div class="txtwrp"> <h3>#title_chapter#</h3> <div class="text"> #text# <br> <center>#prev_←_# #next_→_# </div></div> </center> <br> #novel# <br> <br> #top# ▽HTML編集 <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Cinzel'); @font-face { font-family: はんなり明朝; src: url('https://cdn.leafscape.be/hannari/hannari_web.woff') format("woff"); } body{ font-family:"Cinzel","メイリオ", sans-serif; font-size:12px; letter-spacing:1px; line-height:150%; color:#555; background:#fff; margin:20px 0; padding:0; text-align:center;} @media screen and (min-width: 601px){ .wrp{ width:450px; margin:0 auto;} .txtwrp{ width:600px; margin:0 auto;} } @media screen and (max-width: 600px){ .wrp,txtwrp{ width:100%; margin:0 auto;} } .act1,.act2{ line-height:200%; padding:0 15px 15px; border-radius:10px; border:double 5px #d4dcda; text-align:center;} .act1{ margin:30px 50px 30px 20px; transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg);} .act2{ margin:30px 20px 30px 50px; transform: rotate(3deg); -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg);} .text{ line-height:200%; font-size:13px; padding:50px 0 15px; margin:0 20px 20px; border-radius:20px; border-top:double 5px #d4dcda; border-bottom:double 5px #d4dcda; text-align:left; } .text p{ background:#efefef; margin:10px; padding:10px; font-size:10px; } ↓ここに追加しました。↓ p{ text-indent: 1em; margin: 0; padding: 0; } ↓ここが上と一緒に表示されてる?↓ .text a{ border:none; color:#000; margin:5px;} .text a:hover{ background:none; border:none; color:#555; margin:5px;} header{ margin:20px; padding:15px; text-align:center;} header a{ display:inline-block; width:80px; border:solid 1px #abced8; padding:5px; text-align:center; margin:5px;} header a:hover{ background:#abced8; color:#fff; border:solid 1px #abced8;} h1{ line-height:100%; font-weight:normal; font-family: はんなり明朝, sans-serif; color:#000; margin:0 0 20px; padding:10px 10px 20px; background:url(画像のURL); background-size:200px; display:inline-block; text-align:center; text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,1px 1px 3px #fff,-1px -1px 3px #fff;} h2{ color:#000; font-family: はんなり明朝, sans-serif; line-height:100%; font-weight:normal; font-size:15px; margin:0 5px; padding:0 5px 5px; background:url(画像のURL); background-size:200px; position: relative; bottom:12px; display:inline-block; text-align:center; border-right:solid 4px #fff; border-left:solid 4px #fff; text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,1px 1px 3px #fff,-1px -1px 3px #fff;} h3{ line-height:100%; font-size:20px; font-weight:normal; font-family: はんなり明朝, sans-serif; color:#000; margin:0; padding:5px 20px 10px; background:url(画像のURL); background-size:200px; border-right:solid 5px #fff; border-left:solid 5px #fff; display:inline-block; text-align:center; text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,1px 1px 3px #fff,-1px -1px 3px #fff; position:relative; top:20px; } a{ color:#555; text-decoration:none; padding:0 3px; border-bottom:solid 2px #efefef; transition:0.5s; } a:hover{ border-bottom:solid 2px #abced8; } input[type],textarea{ height:80px; width:95%; font-family:"Cinzel","メイリオ", sans-serif; font-size:12px; letter-spacing:1px; line-height:150%; background:#d4dcda; color:#555; border:solid 1px #d4dcda; margin:5px 10px; padding:2px 5px; } input[type=text]{ margin:5px; height:24px; width:80px;} input[type=submit]{ margin:5px; height:auto; width:80px; cursor:pointer; text-shadow:none; border:solid 1px #555; background:#555; color:#fff; } </style> 1 01/16 21:19 返信 1ページ中1ページ目 578 view 残り書き込み 9992 件 人気スレ テンプレート通りの形にならない 2021年11月02日 00時11分 13 テンプレートが崩れてしまいます。 2022年11月18日 21時35分 13 <img>タグの画像表示 2021年09月16日 15時23分 3 position属性について。 2019年11月24日 13時46分 12 関連スレ 掲示板TOPへ サイトTOPへ ALICE+サポート