Question

I am using Isotope with filters with the following elements as my .items.

<div class="item filtername>

    <a class="fancybox" href="#fancybox">

    <div class="projimage">
      <h2>TITLE</h2>
      <img class="lazy" src="image.jpg" />
    </div><!--PROJIMAGE-->

    </a> 

    </div>

Isotope works, but the weird thing is that a tags seem to move on every other .item.

Some end up with the </a> in a different position then above, eg:

<div class="item filtername>

    <a class="fancybox" href="#fancybox">

    <div class="projimage">
      <h2>TITLE</h2>

     </a><!---WTF???--->

      <img class="lazy" src="image.jpg" />
    </div><!--PROJIMAGE-->

    </div>

I am using Lazy Load and Fancy Box in conjunction with this but I cannot figure out why this is occurring.

Would anyone know why this could be occurring?

The page is here: http://www.pixelframe.com.au/test-page.html if anyone wants to take a look.

enter image description here

Was it helpful?

Solution

Found it was my CMS (ModX Revo). For some reason it freaks if you put an a tag within an a tag.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top