テンプレートサイト様からお借りさせて頂いたのですが、その通りになりません。

535 views
  1. コメントする
  2. 記事検索
  3. 更新

0
ヒビキ MO-01J 2018/03/24 18:35
テンプレートサイト様よりお借りした通りのデザインにならない為、皆様にご相談させて頂きます。
サイトの状況は下記のダミーの小説ページの状態で自分が困っている点は、
・数字が色つきの四角で囲まれるはずなのに囲まれない
です。
また、ナノ向けテンプレートの為ナノで試して見ても、
・色つきの四角で囲んでも色が交互にならない
となってしまいました。
確認はAndroidのChromeから行っています。
どこを直せばいいか教えて下さい、お願い致します。
https://alicex.jp/Tester/novel/1/

残り998件書き込み可

2
ヒビキ MO-01J 2018/03/24 21:06
>>1
分かりやすい説明、ありがとうございます。
教えていただいた通りに記述しなおしたら、テンプレート通りになりました。ありがとうございます!

1
ななし SOV33 2018/03/24 20:47
>>0
pタグにはdivタグ(と、その他ブロック要素)を入れられないのですが、目次の独自タグで呼び出した中にdivタグが出てくるので、実際には
<p class="list"></p><div><span>01</span>
として扱われCSSが反映されてない状況です。
ナノじゃ目次にdivタグを使わないのかもですね。

<p class="list">
目次の独自タグ
</p>

のpをdivなりarticleなり別のブロック要素に変えてみてください。
閉じタグも忘れずに。

<div class="list">
目次の独自タグ
</div>

次に交互にするためのCSSについて。

.list span:nth-child(odd){
background: 略;
text-shadow: 略;
}

今はclass="list"と書いてあるタグの中の奇数番目のspanを指定してます。
しかし実際には目次の独自タグでspanの前にdivが入ってますので、奇数番目のdivの中のspanを指定せねばなりません。

.list div:nth-child(odd) span {
background: 略;
text-shadow: 略;
}

以上2点の変更で希望の通りになるかと
1ページ中1ページ目

関連スレッド

関連スレッド



Back to Top