problem with my Iframe

[PollyAplin]

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

[Taz Devil]

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.

[PollyAplin]

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?

[Taz Devil]

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??

[PollyAplin]

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.

[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.

[PollyAplin]

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.