In the screencast below, I’ll show you how to load only a portion of a website into a web object using CSS styling.
Here’s the code for the index.html file that you can tweak!
<!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:900px;
height:100px;
overflow:hidden;
}
#container iframe {
width:900px;
height:475px;
margin-left:-100px;
margin-top:-190px;
border:0;
}
-->
</style>
</head>
<body >
<div id="container">
<iframe
src="http://www.articulate.com" scrolling="no" width="600" height="200"></iframe>
</div>
</body>
</html>
"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:900px;
height:100px;
overflow:hidden;
}
#container iframe {
width:900px;
height:475px;
margin-left:-100px;
margin-top:-190px;
border:0;
}
-->
</style>
</head>
<body >
<div id="container">
<iframe
src="http://www.articulate.com" scrolling="no" width="600" height="200"></iframe>
</div>
</body>
</html>
