There is a bug in IE that does not allow 'clickable' image links to work when the linked image is floating. The following image will not work as a link in IE (although you can see that the link is active when hovering over the image the link can not be activated - unless you use the right click option to open the link): <a style="cursor:crosshair;" href="http://www.google.com/"> <div style="margin: 0px 10px 0px 0px; float: left;"> <img src="http://www.google.com/notebook/images/en_notebook_132x26.png" border="0"> <div class="caption">My linky</div></div> </a> This would be text that wraps around the image. You could possibly have code that parses out the html and changes it to something like this: <a style="cursor:crosshair;" href="http://www.google.com"> <span style="margin: 0px 6px 0px 0px; float: left;"> <span style="height:26px;width:132px;display:block;position:relative;background-image:url('http://www.google.com/notebook/images/en_notebook_132x26.png');"></span> <div class="caption">My linky</div> </span> </a> Unfortunately I can't show you this sample on the site right now because Google strips off the background-image styles in the code. |
|
|
Floating image link bug in IE |
