Looper: Turn Container Div into Link

Hey,

I have a (hopefully) little problem that I hope you can help me with…

I am trying to create a downloads-page with a looper feeding columns that will function as download links.
I have some animations etc. going on inside the column and basically everything is nested inside a div that should function as my overall link to this download.

My Problem: once I change the HTML tag from “div” to “a” the insides of this div are not positioned correctly anymore and in general this new “a” container isn’t clickable eventhough it has the provided link (when I look into the console),

The odd thing is: In my editor it works fine. The mouse pointer changes as wished and everything is in place. When I save it and look at the page outside of the editor it doesn’t function correct anymore …

I hope you can somehow help me - I’ll post the URL to the page in a secure post.

Hi @PhilTone,

Thanks for reaching out!

You are not allowed to nest the HTML<a> tag. This means that if you need your columns to be clickable, just set ONLY the columns to have the <a> tag. You cannot set the ROW or SECTION because it will violate the HTML rules and your links will never work.

Hope that helps.

Perfect, that worked like a charm. Thx!

Hi @PhilTone,

Glad that we are able to help you.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.