Construx Posted June 20, 2018 Share Posted June 20, 2018 I have links behind DIV statements that won't work on iOS. I have been researching this problem and others have solved it by fixing the images from overflowing or z-index. No picture goes over another and z-index just made the picture disappear. Any help would be appreciated! <style> .column { float: left; width: 20%; padding: 5px; } /* Clearfix (clear floats) */ .row::after { content: ""; clear: both; display: table; } </style> <div class="row"> <div class="column"> <a href="https://www.google.com"> <img src="Graphics/imdb.png" alt="IMDB"/></a> </div> </div> Link to comment Share on other sites More sharing options...
Ingolme Posted June 20, 2018 Share Posted June 20, 2018 I don't see any code here that would make the link go behind a div. Link to comment Share on other sites More sharing options...
Construx Posted June 21, 2018 Author Share Posted June 21, 2018 If I take the link out of the two DIV statements (row and column) the link works. Link to comment Share on other sites More sharing options...
dsonesuk Posted June 21, 2018 Share Posted June 21, 2018 Sounds like Voodoo magic! unless you have an element overlapping somehow. Maybe you should supply link so we can actually see this black magic effect at work. Link to comment Share on other sites More sharing options...
Construx Posted June 21, 2018 Author Share Posted June 21, 2018 This works on a desktop web browser. It doesn't work on iOS safari. I attached a copy of it as I have not posted it yet. link.html Link to comment Share on other sites More sharing options...
dsonesuk Posted June 22, 2018 Share Posted June 22, 2018 (edited) I can't do anything with this in its present state, old wrong Doctype!, old deprecated CSS and html, misplaced script tag, no unit value for CSS property, invalid CSS property definition. The doctype should be adjusted to represent current HTML5 document doctype ('<!doctype html>'), some of the new CSS you are attempting to use, will only work with HTML5, this also means you will have to use supported CSS and HTML as well. Edited June 22, 2018 by dsonesuk Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now