How to put a webpage into another webpage?

Hawkster

Elite Member
Joined
Jun 22, 2013
Messages
3,668
Reaction score
4,124
So i need to put a webpage into another webpage, i know it can be done with iframe but i only want a section of the webpage to be on show not the whole page.


So lets say the webpage im using has a left sidebar, a right side bar, and whatever in the middle, its the middle section i want to display on another webpage.

Any ideas as to the coding needed?
 
So i need to put a webpage into another webpage, i know it can be done with iframe but i only want a section of the webpage to be on show not the whole page.


So lets say the webpage im using has a left sidebar, a right side bar, and whatever in the middle, its the middle section i want to display on another webpage.

Any ideas as to the coding needed?

You can use the following code for reference.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
#container{
    width:100px;
    height:400px;
    border:1px solid #000; 
    overflow:hidden;
    margin:auto;
}
#container iframe {
    width:200px;
    height:750px;
    margin-left:-100px;
    margin-top:-350px;   
    border:0 solid;
 }
-->
</style>

</head>
<body>


<div id="container">
<iframe src="http://www.w3schools.com/css/default.asp" scrolling="no"></iframe>
</div>


</body>
</html>
 
Last edited:
You can adjust an iframe by pixels and cropping and display exactly what you want. If you do a search I did a guide on how to iframe out just the input fields from cpa offers (email submits) so it looks like they are entering their email from something else. You can do a search for it here it's many years old and just skip all the faking referrer and stuff but the iframe part will teach you step by step how to frame specific parts of a page perfectly for a total noob.

Edit: the code above is a good template, you can guess and check coordinates or the program I used to use is called cakeslice to pull out the exact pixels to input into that.
 
Last edited:
Thanks lads, very helpful!



You can use the following code for reference.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
#container{
    width:100px;
    height:400px;
    border:1px solid #000; 
    overflow:hidden;
    margin:auto;
}
#container iframe {
    width:200px;
    height:750px;
    margin-left:-100px;
    margin-top:-350px;   
    border:0 solid;
 }
-->
</style>

</head>
<body>


<div id="container">
<iframe src="http://www.w3schools.com/css/default.asp" scrolling="no"></iframe>
</div>


</body>
</html>

You can adjust an iframe by pixels and cropping and display exactly what you want. If you do a search I did a guide on how to iframe out just the input fields from cpa offers (email submits) so it looks like they are entering their email from something else. You can do a search for it here it's many years old and just skip all the faking referrer and stuff but the iframe part will teach you step by step how to frame specific parts of a page perfectly for a total noob.

Edit: the code above is a good template, you can guess and check coordinates or the program I used to use is called cakeslice to pull out the exact pixels to input into that.
 
Nice, didn't realize you could do that either...
 
Back
Top