Jump to content

The <iframe></iframe> tag.

Rewillis

By Rewillis
in HTML/XHTML

 Share

Recommended Posts

Rewillis Newbie

Rewillis

Posted
Posted (edited)

Attention: W3Schools Forums members:

     It is baffling as to why the following Hypertext Markup Language ( HTML ) version 5 ( HTML5 ) code is not working: 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>The Holy Bible.</title>
<style>
<!--  div.container { -->
<!--     width: 100%; -->
<!--     border: 1px solid gray; -->
<!-- } -->

<!--  header, footer { -->
<!--     padding: 1em; -->
<!--     color: white; -->
<!--     background-color: purple; -->
<!--     clear: left; -->
<!--     text-align: center; -->
<!-- } -->

<!--  nav { -->
<!--     float: left; -->
<!--     max-width: 50%; -->
<!--     margin: 0; --> 
<!--     padding: 0em; -->
<!-- } -->

<!--  nav ul { -->
<!--    list-style-type: none; -->
<!--    padding: 0; -->
<!-- } -->

<!--  nav ul a { -->
<!--     text-decoration: none; -->
<!-- } -->

<!--  article { -->
<!--   @media only screen and (max-width: 35%) { -->
<!--     body { -->
<!--     margin-left: 35%; -->
<!--     border-left: 1px solid gray; -->
<!--     padding: 0em; -->
<!--     overflow: hidden; -->
<!--           } -->
<!--    } -->     
<!-- } -->
p {
  text-indent: 20px;
}
.text {
  margin: 15px;
}
</style>    
</head>
<body>

<!-- <div class="container"> -->

<!-- <header> -->
<!--    <h1>King James Version; 1611 Edition.</h1> -->
<!-- </header> -->
   

<img src="Holy_Bible_RSV_2_crop (136x100).jpg" height="200" width="200">
<img src="Holy_Bible_KJV_crop_vs.jpg" height="200" width="200">
<img src="Holy_Bible_NRSV_2_crop (640x574).jpg" height="200" width="200">
<img src="The_Gospel_Preacher_logo_2.jpg" height="50" width="50">
<img src="The_Gospel_Preacher_logo_2a.jpg" height="50" width="50">
<img src="The_Gospel_Preacher_logo_3a.jpg" height="50" width="50"><br>
<a href="ftp://Russell1-PC:21/c:/inetpub/wwwroot/TheHolyBible_ftp_1/*.pdf">click here</a><br><br>
<object width="10%" height="100" data="The_Gospel_Preacher_255.pdf"></object>&#160&#160&#160<object width="10%" height="100" data="The_Gospel_Preacher_256.pdf"></object>&#160&#160&#160<object width="10%" height="100" data="The_Gospel_Preacher_257.pdf"></object>&#160&#160&#160<object width="10%" height="100" data="The_Gospel_Preacher_258.pdf"></object>&#160&#160&#160
<object width="10%" height="100" data="The_Gospel_Preacher_259.pdf"></object>&#160&#160&#160<object width="10%" height="100" data="The_Gospel_Preacher_260.pdf"></object>&#160&#160&#160<object width="10%" height="100" data="The_Gospel_Preacher_261.pdf"></object>&#160&#160&#160<object width="10%" height="100" data="The_Gospel_Preacher_262.pdf"></object>&#160&#160&#160
<object width="10%" height="100" data="The_Gospel_Preacher_263.pdf"></object>&#160&#160&#160<object width="10%" height="100" data="The_Gospel_Preacher_264.pdf"></object>&#160&#160&#160<object width="10%" height="100" data="The_Gospel_Preacher_265a.pdf"></object>&#160&#160&#160<object width="10%" height="100" data="The_Gospel_Preacher_266.pdf"></object>&#160&#160&#160
<object width="10%" height="100" data="The_Gospel_Preacher_267.pdf">&#160&#160&#160
<br><br>
<iframe src="demo_1.htm" height="200" width="300"></iframe>



 <br><br>
<!--   &#160 &#160 &#32Web page design by: Russell E. Willis. -->
   
   
<!--  </div> -->

</body>
</html>

The following is the "demo_1.htm" HTML5 code: 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Holy Bible.</title>
<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 50%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

 

div.container {
    width: 100%;
    border: 1px solid gray;
}
div {
  text-align: justify;
  text-justify: inter-word;
}
div.sup1 {
    font-size: xx-small;
}    
article {
  @media only screen and (max-width: 35%) {
    body {
    margin-left: 35%;
    border-left: 1px solid gray;
    padding: 0em;
    overflow: hidden;
          }
    }
}
p {
  text-indent: 20px;
}    
.text {
  margin: 15px;
}
p1 {
   text-indent: -20px;
}       
.text1 {
  margin: 15px;
}
p2 {

} 
.text2 {
  margin: 15px;
}
.text3 {
  margin: 15px;
}  
.justified { text-align: justify; } blockquote { margin: 100 100px; }
h4 {
  text-align: center;
}
sup {
    vertical-align: super;
    font-size: x-small;
}
sup1 {
     vertical-align: super;
     font-size: xx-small;
}          
sub {
    vertical-align: sub;
    font-size: x-small;
}    
}
</style>
</head>
<body>

<h3><ins>This is an iframe demonstration file.</ins></h3>

<!-- &#160&#160&#160&#160&#95&#95&#95&#95&#95<br> -->
<!-- <p1 align="justify" class="text1"><font size="2" color="black">1. <i><b>BIBLE ALMANAC</b>,</i> -->
<!-- THE OLD-TIME GOSPEL HOUR, <font size="1" color="black">LYNCHBURG, VIRGINIA</font>, -->
<!-- Copyright &#169 1980 by Thomas Nelson Publishers, p. 27.</p1><br> -->
<!-- <p1 align="justify" class="text1"><font size="2" color="black">2. Ibid., p. 28.</p1><br><br> --> 

</body>
</html>

Why is the HTML5 code "<iframe src='demo_1.htm' height='200' width='300'></iframe>," in the first code image, above, not working?  Thank you ( see Colossians 3:15, for example ) for your help and your patience.  Keep in touch. 😊

Sincerely in Christ,

Russell E. Willis

P.S. - Please read Proverbs 23:23.

Edited by Rewillis
Link to comment
Share on other sites
Rewillis Newbie

Rewillis

Posted
  • Author
Posted

Attention: Ingolme:

     I appreciate your response.  Just before I read it, I tried something that solved my problem.  I decided to cut the "<iframe></iframe>" code ( in the first code image, above ), and pasted it above the first "<img>" Hypertext Markup Language version 5 ( HTML5 ) tag ( in the file represented by that same code image ), and now the inline frame works.  Thank you ( see Colossians 3:15, for example ) for your willingness to help.  Keep in touch. 😊

Sincerely in Christ,

Russell E. Willis

P.S. - Please read Proverbs 23:23.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...