How to Scale a Link, which opens in an Iframe, to 50% of its original Width and Height

So if you visit www.mymanchesteruniverse.co.uk you will see an iphone at the bottom of the page.

The music icon should link to music.mymanchesteruniverse.co.uk.

What i need to do is resize only this link so the page shows normal size, yet scaled down to about 50% of its normal width and height while fitting in the iPhone iframe perfect. (trying to make it look like an iPhone formated page, which it is, just not fitting right here)

The code for the button/link is in this div

<div id="apDiv4" onclick="window.open('http://music.mymanchesteruniverse.co.uk', '_self', 'scale=50')"></div>

If anyone can help me modify the code (and replace my 'scale=50', as that didn't work) The whole team at MyManchesterUniverse would be very grateful.

Cheers, Nick

www.NickGarofalo.com

--------------Solutions-------------

You might be able to use the CSS Zoom property - supported in IE 5.5+, Opera, and Safari 4, and Chrome (verifed, please check before downvoting). Firefox is the only major browser that does not support Zoom (bugzilla item here) but you could use the "proprietary" -moz-transform property in Firefox 3.5.

#iframeid {
zoom: 0.75;
-moz-transform: scale(0.75);
-moz-transform-origin: 0 0;
-o-transform: scale(0.75);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.75);
-webkit-transform-origin: 0 0;
}

I used these answers in this post. And then verified it works in firefox 3.6 in your demo page.

How can I scale an entire web page with CSS? how can I scale the content of iframe

Category:iframe Time:2010-12-05 Views:1
Tags: html iframe scale

Related post

  • Does flash scale pixel width and height by percent for fullscreen? 2011-06-10

    How does flash scale for fullscreen? For example, if I draw a shape and give it a width and height of 100px (square)...does that scale up proportionally when the flash is made full screen? Or does that object stay 100px x 100px? --------------Solutio

  • Modify the show/hide function to only scale width, not height? 2009-07-02

    As the title implies, I'm using jQuery's show and hide functions to hide and show elements. However, I don't want to scale in the height of the element, just the width. I was thinking about using the animate function but I wasn't sure if this was the

  • iFrame linking in Modal - Switching the iFrame (Keeping the same Modal Up) +++ 2011-02-01

    Sample Page. http://newsite.702wedding.com/live/linktovideo.asp I need the 4 links to load streaming video feed in the iframe (inside the modal) what are the line(s) of code? I have looked on the internet, but finding stuff from 2003. Thanks 4 Help.

  • Opening links that are in an iFrame(no control over the child site) in the parent window 2011-06-04

    I am making an app for a website, and I need to include a certain part of the website, which I have done with an iframe. I have turned that into my own site, and everything works fine with the web view and such. The problem is the links are opened in

  • Image links with width and height 2011-06-25

    Source image:http://cdn2.supergoodmovies.com/FilesTwo/efb04e43d3e3471c86e406df449f75b8.jpg/151/99 i need to know how to make this type of links i.e, the width and height of the image can be changed by changing 151/99 in the link.please let me know wh

  • How to make a picture specific width and height without losing scale? 2011-08-15

    How to make a picture specific width and height without losing scale? I have asp.net c# application where I'm using a handler to manipulate with the different size of images. For example if I need the image with width 200 or 300 etc.. but If I need t

  • How to find the css class of an anchor link inside a cross domain iFrame? 2011-08-24

    I'm trying to use jQuery to test for a css class applied to an anchor link inside a cross domain iFrame. This will then be used to trigger the visibility of some of the content on my site. I'm very new to jQuery so what I'm trying is probably a hodge

  • SVG text scale - width and height 2011-11-04

    i would like to scale a text in svg. If i use the font size width and height are scaled. Is there any way for just scaling width or height? - All examples i found using the scale tag witch didn't work or for the text i think. Thanks for your help, He

  • Scale image with css to both width and height to scale 2012-04-14

    The bounding box is approx 1000x600, and some images are 500x100, while some others are 400x100 (extreme examples). Now I'd like to scale both up to the maximum size the bounding box is capable to handle, but keep them to scale. img { width: 100%; he

  • Android Animate Scale Image to fit screen width and height 2012-04-17

    I have four images placed at different locations of the screen. Now I would like to animate scale them upon click to fit screen width and height. Upon click I would like to fadeout other contents of the screen. Currently i am using following code to

  • how to replace url with hyper link that do not harm iframe 2012-04-23

    i want to replace url with links, the following code work fine but it will harm iframe (e.g. youtube), any advice?thx $(".css___div p").html($(".css___div p").html().replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%

  • I linked my Gmail account to send & receive emails in my original Outlook.com email and i'm only getting double emails from the Gmail emails sent to me. 2014-04-10

    I linked my gmail account to send & receive emails in my original outlook email and i'm only getting double mails from the gmail emails sent to me. How do i solve this? Original title: Linking other email accounts --------------Solutions---------

  • Need html text shown as a link to work with an iframe 2009-08-05

    I have a page that contains an iframe element. I want to have some text on the main page when clicked to change the iframe source. I can do that with an "a href" tag but the main page resets to the top instead of where the user was last on the page v

  • Problems targeting link in flash to an iframe for firefox 2010-06-22

    I'll consider myself a newbie, I've made buttons in a flash menu to play animation and go to a url on click, and I've made it so that the url page loads in an iframe. Everything works fine on Safari, but it ends up loading the url page in a new tab f

  • Facebook fan page iframe tab links not opening in the iframe 2011-02-17

    I have a basic facebook iframe application that sits inside a fan page tab. All i want to do is have the links in my application open inside of the iframe. I tried to change their target to _self but no sauce, all of the links open in a new window. T

  • php open dynamic link in new window with iframe 2011-02-22

    Hello I am trying to figure out how to make it so when someone clicks a link on my search results it will open in a new window and in the new window have an iframe that displays the url. I am not sure how to go about doing this. I have $row['url'] th

  • Direct links to pages in Facebook iFrame application? 2011-04-09

    Is it possible to link directly to inner pages in a Facebook iFrame app? For example, say my app lives at http://www.example.com/app. Can I have a link like http://apps.facebook.com/my_app/?id=256 which will navigate to somewhere like http://www.exam

  • How can I create a link that goes to an iframe's current location? 2011-05-09

    For example, if I have an iframe that is set to google.com, then someone searches in the iframe, and it loads in the iframe. I want to have a link below the iframe that says something like "go to the page". When they click on it, it won't bring them

  • Facebook Iframe link only open within the iframe 2011-06-14

    I feel like people have been having the opposite of this problem, I cannot figure how to have links open up outside of fb and not with the iframe.. I am posting material that rests in an FB app hosted by my server. The page has links to other sites,

Copyright (C) pcaskme.com, All Rights Reserved.

processed in 0.806 (s). 13 q(s)