css - css-runギャラリーの最後の行が重なっています

Question

WordPressのプレハブギャラリーを使用しています。いくつかの不可解な理由により、行（2、3、4）にある画像の数に関係なく、最後の数枚の画像が重なってしまいます。並べ替え順序を移動し、画像を再度追加し、タイトルを付け直し、キャプションを付け直し、さまざまなcss設定などで遊んでみましたが、何も影響がないようです。最初に使用した元のCSSに戻りました。各画像のコードは同じですが、何かがこれらの画像を互いに乗り越えさせています。http://martinezstudio.com/wp_studio/flatweave/ 何が足りないのですか？ありがとう！

Answer 1

あなたの問題はこの行にあると思います：

<a href="http://martinezstudio.com/wp_studio/flatweave/lluvia/'>Lluvia</a>

一重引用符と二重引用符が混在しています。

余談ですが、あなたのギャラリーのタグはあまりセマンティックではないと思います。私の意見では、各ギャラリー アイテムの定義リストを開いたり閉じたりするのは正しくありません。dd単一の定義リストを使用するだけですが、との間に参照がないため、これをスタイルするのはかなり困難ですdt。したがって、いくつかのサブ要素を持つ通常の順序付けられていないリストは、うまく機能するはずです。

次回はマークアップを確認してください。おそらく自分でエラーを見つけたでしょう。