0

私は開発中のウェブサイトにファンシーボックスギャラリーを実装している最中です - 何らかの理由で、最初の 2 つの画像はページの異なる高さに表示されます:

http://leedsragfashionshow.co.uk/wp/index.php/committee/

Chrome と Firefox でこれを経験していますが、何かアイデアはありますか?

4

1 に答える 1

1

まず、ファンシーボックスギャラリーは、画像がファンシーボックス内に表示されており、前に表示されていないため、質問のタイルは誤解を招く可能性があります。あなたの場合、問題はファンシーボックスとは関係のないギャラリーのサムネイルにあります。

とにかく、なぜこれが起こっているのですか?これは、次のように画像タグをラップする<br />各リンクの後にhtml 改行を追加しているためです。<a><img />

<a rel="group" href="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/1.jpg" class="fancybox"><img alt="" src="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/1.jpg" class="committee"></a><br />
<a rel="group" href="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/2.jpg" class="fancybox"><img alt="" src="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/2.jpg" class="committee"></a><br />
...etc.

すでに画像をフローティングしている場合は、それらの改行を削除するだけです<br />。タグなしのこのDEMOを参照してください。<br />

于 2012-11-13T03:44:55.687 に答える