Jump to content

problem with my Iframe


Recommended Posts

Hoping for some help.I've implemented an iframe into a website i'm making and the pictures that load in the iframe have a 'zoom' function that i haven't coded for. Does anybody know how to get rid of this zoom function? itt enlarges the pictures by a fraction and i can't understand why it won't load the full picture without needing a zoom.Here's my HTML and CSS.HTML<a class="thumb" href="elecfactory1.jpg" target="picture"> <img src="elecfactory1thumb.jpg" border="0"></a><a class="thumb" href="elecfactory2.jpg" target="picture"> <img src="elecfactory2thumb.jpg" border="0"></a><a class="thumb" href="elecfactory3.jpg" target="picture"> <img src="elecfactory3thumb.jpg" border="0"></a><iframe name="picture" width="338" height="470" scrolling="no" frameborder="0" src ="elecfactory3.jpg" allowTransparency="true"> <p>Your browser does not support iframes.</p></iframe>CSSiframe{ border:none; float:left; padding:5px;}Thanks x

Link to post
Share on other sites
Hoping for some help.I've implemented an iframe into a website i'm making and the pictures that load in the iframe have a 'zoom' function that i haven't coded for. Does anybody know how to get rid of this zoom function? itt enlarges the pictures by a fraction and i can't understand why it won't load the full picture without needing a zoom.Here's my HTML and CSS.HTML<a class="thumb" href="elecfactory1.jpg" target="picture"> <img src="elecfactory1thumb.jpg" border="0"></a><a class="thumb" href="elecfactory2.jpg" target="picture"> <img src="elecfactory2thumb.jpg" border="0"></a><a class="thumb" href="elecfactory3.jpg" target="picture"> <img src="elecfactory3thumb.jpg" border="0"></a><iframe name="picture" width="338" height="470" scrolling="no" frameborder="0" src ="elecfactory3.jpg" allowTransparency="true"> <p>Your browser does not support iframes.</p></iframe>CSSiframe{ border:none; float:left; padding:5px;}Thanks x
Have you tried removing the padding from the iFrame??. The padding could be causing your picture to shrink thus requiring magnification to bring it back to it's correct size. A link to an example would help us understand your problem a little bit better.
Link to post
Share on other sites
Have you tried removing the padding from the iFrame??. The padding could be causing your picture to shrink thus requiring magnification to bring it back to it's correct size. A link to an example would help us understand your problem a little bit better.
I just tried that, no luck. I've got padding on my text that is next to the iframe. would this effect it too?
Link to post
Share on other sites
Do you have a link to the an example of what is happening. Is this browser specific i.e. does it only happen in Internet Explorer or does it happen in all browsers??
Sorry i haven't got access to the webspace to upload it as an example.It looks like it only happens in Firefox! safari, ie and chrome are all fine. Presumably this would be my firefox settings.
Link to post
Share on other sites
Guest Dwight_Stegall

I suggest that you don't use Iframes in your pages. Many unscrupulous webmasters use these to deliver malware. Several browser add-ons have been written to block Iframes. A better choice might be a scrolling Div tag.Below you will see a space between the A tag and the Img tag. This space will produce a physical presence on your page. It will make a one-character blank space that will force your image to the right. Back when Netscape 3.0 Gold was popular it's WYSIWYG HTML Editor used to do that. Then you had to open the source in Notepad to remove it.<a class="thumb" href="elecfactory1.jpg" target="picture"> <img src="elecfactory1thumb.jpg" border="0">If you can't get rid of your zoom, try zooming out with css in your image tags to make up the difference.

Link to post
Share on other sites
I suggest that you don't use Iframes in your pages. Many unscrupulous webmasters use these to deliver malware. Several browser add-ons have been written to block Iframes. A better choice might be a scrolling Div tag.Below you will see a space between the A tag and the Img tag. This space will produce a physical presence on your page. It will make a one-character blank space that will force your image to the right. Back when Netscape 3.0 Gold was popular it's WYSIWYG HTML Editor used to do that. Then you had to open the source in Notepad to remove it.<a class="thumb" href="elecfactory1.jpg" target="picture"> <img src="elecfactory1thumb.jpg" border="0">If you can't get rid of your zoom, try zooming out with css in your image tags to make up the difference.
Thanks for your suggestions, i tried deleting the space and no luck. i'm going to try using css zoom to compensate.I know itts frowned upon to uuse iframes and frames but i find sometimes its the only way to implement a particular design. I'll have a look at scrolling Divs, but the problem is i don't want the scrolling function.
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...