Anchor wrapped div created duplicate link
-
Hello,
I have a problem that I am having a tough time troubleshooting because I believe WordPress is generating code because of the layout of my anchor and div tags.
https://anjibarton.com/mhs/adoption/dogs/
If you inspect one of the pets, you can see that there are two links one wrapped around a div that I created and one that is wrapped in a p tag that is duplicated and contains nothing inside the anchor tag.
<li class="box masonry-brick" style="position: absolute; top: 426px; left: 452px; ">
<a href="/mhs/wp-content/plugins/listgrid/petbio.php?id=666" rel="lightbox[Dog]" title="Test Dog" class="cboxElement">
<img src="https://www.teacupspuppies.com/images/DogBarkToy2Thumb.jpg">
<div style="display: block; " class="da-animate da-slideFromBottom"><span>Test Dog</span></div>
</a>
<p>
<a href="/mhs/wp-content/plugins/listgrid/petbio.php?id=666" rel="lightbox[Dog]" title="Test Dog" class="cboxElement"> </a>
</p>
</li>
Now this wouldn’t be a problem except that the lightbox now displays double the links for each pet. I would like to fix this the correct way, but even a hack may be helpful. I am already using css to hide the added p tag and it’s contents.The reason the second link is created has something to do with the div tags. If I remove them the duplicate link is not created. I have disabled plugins and the two JavaScript files included in this page to not avail. Thanks for reading.
- The topic ‘Anchor wrapped div created duplicate link’ is closed to new replies.