凍結
0 mm. SO-03K
小説ページのテンプレートが崩れてしまいます。
テンプレートサイト様からソースをコピーして、表紙画面に記載しました。画像部分は
<img class="top" src="##IMAGE_DATA_3_URL##">
このように、タグを使用しています。
テンプレートサイト様では、一枚目の画像のように表示されていました。自サイトでは二枚目のように画像が大きくなり、見切れてしまいます。
どうしてもこのテンプレートを使いたいのですが、原因が分かりません。お分かりになる方、教えてください。よろしくお願いします。
11/14 03:43
返信
コメント投稿 検索
6 mm. SO-03K
>>5
しち様、ご反応いただき、ありがとうございます。以前もお世話になりました。再び知恵をお貸しいただきたく思います。よろしくお願いします。

>無駄な改行について
自動改行しない設定で、<br>や<p>などの改行系のタグも入っていません。
↓にHTMLを記載しますので、そちらもご確認いただけますと幸いです。

>HTMLについて
表紙画面に記載しています。全体デザインは#novel#のみです。目次画面はいじっていません。

しち様の推測と照らし合わせると、肉球に共通しているのは<i class="fas fa-paw"></i>なのかな、と思うのですが……。

<header>
<h1>honey milk syndrome
<div><i class="fas fa-paw"></i></div>
</h1>
<nav class="tp">
<ul>
<li><a href="">read me</a></li>
<li><a href="">world</a></li>
</ul>
<form action="http://#ID#.#NO#.novel.d.xria.biz/?guid=on" method="post" class="nm"><input type="text" name="n1" value="" placeholder="苗字"><input type="text" name="n2" value="" placeholder="名前"><input type="submit" value="send"><input type="hidden" name="mode" value="set"><input type="hidden" name="page_pass" value=""></form>
</nav>
</header>
<main>
<section>
<h2>01<i class="fas fa-paw"></i>タイトル</h2><a href="">01</a> <a href="">02</a> <a href="">03</a> <a href="">04</a> <a href="">05</a> <a href="">06</a> <a href="">07</a> <a href="">08</a> <a href="">09</a> <a href="">10</a><br>
</section>
</main>

以上になります。

余談なのですが、本文画面にも似たようなデザインで肉球があります。それも同じような形で上にズレます。一応、そちらのHTMLも記載しておきます。

<header>
<h3>
<div><i class="fas fa-paw"></i></div><br>#title#</h3>
</header>
<main>
<article>#text#
<aside>
<h4><i class="fas fa-paw"></i></h4>
<aside></aside>あとがきスペース</aside>
</article>
<nav class="tx">
<ul>
<li><a href="">prev</a></li><i class="fas fa-paw"></i>
<li><a href="">back</a></li><i class="fas fa-paw"></i>
<li><a href="">next</a></li>
</ul>
</nav>
</main>

以上になります。

ご確認、お願いいたします。
09/04 07:48
返信