xProteuSx Posted February 3, 2012 Share Posted February 3, 2012 OK, so I've read up on this on Google, but haven't found a solution ... As it turns out, if you have an image link within a div, Internet Explorer (blah! I think I'm going to be sick!) actually puts the image behind the div or rearranges the stacking order in some fashion (F U Microsoft!) and makes the link un-clickable. The DIV looks something like this: <div style="width: 250px; background-color: #2ebfe7; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; float: left; margin: 0px 10px 10px 60px; text-align: left; padding: 8px; clear: both;"> <p class="white">Add chores from the community chores database (universal list of chores) to your childs chore chart.</p> <center><br /><a href="chores_uni.html?childid=999&fname=Bob"><input type="image" src="images/btn_next_blue.png" style="margin-bottom: 10px;" /></a></br></br></center> </div> Ofcourse, this code works in ALL other browsers (Firefox, Chrome, Safari, Opera, etc.). Does anyone have a solution for this? I'm not familiar with z-index, if that's a solution at all, but I tried playing with it and could not figure this out! Thanks in advance. Link to comment https://forums.phpfreaks.com/topic/256305-link-within-div-not-working-in-ie-9/ Share on other sites More sharing options...
xProteuSx Posted February 3, 2012 Author Share Posted February 3, 2012 ZOMG! I should have used <img src="" ... instead of <input type="" ... cuz there was no form! Link to comment https://forums.phpfreaks.com/topic/256305-link-within-div-not-working-in-ie-9/#findComment-1313937 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.