logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$10
Help with iframe

Hi There,

We require some help getting an iframe set up correctly to only show a certain section of an external site.

The dimensions of the iframe is:
621 px wide
440 px high

Attached is the url and the area we would like to take.

The iframe is to sit on a wordpress page.

If anyone is able to do this please get in touch.
Please let us know if you have any questions regarding this project.

Many Thanks

This question has been answered.

attachment image asker uploaded image

jimspankling | 01/29/13 at 3:01pm Edit
Tutorial: How to assign prize money


(8) Responses

See a threaded view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    01/29/13
    3:08pm
    Arnav Joy says:

    where is the iframe?

  • avatar
    Last edited:
    01/29/13
    3:10pm
    Monit Jadhav says:

    Sure mate

    I can do that

  • avatar
    Last edited:
    01/29/13
    3:33pm
    phppoet says:

    Try this plugin
    http://wordpress.org/extend/plugins/iframe-wrapper/

    Just put shorcode like this [iframeWrapper url=http://example.com] on your wordpress page post . replace http://example.com with your url .

    Iframe will be resized.

  • avatar
    Last edited:
    01/29/13
    3:09pm
    jimspankling says:

    We require code for the iframe to sit on our website.
    does that make sense?

  • avatar
    Last edited:
    01/29/13
    3:30pm
    Arnav Joy says:

    try this

    <div id="iframe_div">
    
<iframe src="http://www.bloomberg.com/markets/commodities/futures" width="60%" height="40%" align="center" ></iframe>
    
</div>


    then style 

    #iframe_div{
    
   border: 1px solid #000000;
    
    height: 470px;
    
    margin: auto;
    
    overflow: hidden !important;
    
    width: 642px;
    
}
    
#iframe_div iframe {
    
    border: 0 solid;
    
    height: 1247px;
    
    margin-left: 1px;
    
    margin-top: -763px;
    
    overflow: hidden;
    
    width: 644px;
    
 }

  • avatar
    Last edited:
    01/29/13
    3:31pm
    Arnav Joy says:

    see using code i have provided what i am getting

    http://imm.io/Uvvu

    you can set it as per your theme in style.css

  • avatar
    Last edited:
    01/29/13
    3:34pm
    jimspankling says:

    Hi Arnav,

    That code you supplied didn;t really work, please see the screenshot attached.

    Thanks

    attachment image expert uploaded image

  • avatar
    Last edited:
    01/29/13
    3:36pm
    Arnav Joy says:

    have you copied style also?
    try clear cache then check it

This question has expired.



Gabriel Reguly, jimspankling voted on this question.



Current status of this question: Completed



Please log in to add additional discourse to this page.





Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.