Jump to content
Construx

Links behind DIV don't work on iOS

Recommended Posts

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>

 

Share this post


Link to post
Share on other sites

I don't see any code here that would make the link go behind a div.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 by dsonesuk

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now

×