html - Use iframe as a link? -
i using iframe , in iframe loading dynamic image. want use image link respective article. news site.
i have used many stuffs like:
<a href="whatever.."><iframe src="dynamic url"></iframe></a>
does work ie not safari , ff.
and
some tweets
div.iframe-link { position: relative; } a.iframe-link1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
code:
<div class="iframe-link"> <iframe src="file" width="90px" height="60px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true" noscaling="true"> </iframe> <a href="url" target="_top" class="iframe-link1"></a> </div>
worked in ff , safari not in ie7,8.
so can suggest do..
any appreciated.
the iframe loading dynamic address of image like::::
<div class="news_img01"> <div onclick="window.open('url','_self')" style="cursor: pointer;"><br> <iframe scrolling="no" height="60px" frameborder="0" width="90px" noscaling="true" allowtransparency="true" marginwidth="0" marginheight="0" src="thumbnails/1188.gif"> </iframe> </div> </div>
so cant add tag inside wrapped tag inside . worked ie not others ff, safari..
according earlier comments, using iframe in order crop image of unknown size 60 90 pixel box. do this, use overflow:hidden
css attribute on a
tag, slices off content not fitting within border-box.
<div class="news_img01"> <a href="url" style="display: block; width:90px; height:60px; overflow:hidden;"> <img src="thumbnails/1188.gif" /> </a> </div>
Comments
Post a Comment