Jump to content
Sign in to follow this  
Rewillis

The <iframe></iframe> tag.

Recommended Posts

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

Share this post


Link to post
Share on other sites

By "not working" what do you mean? Does the frame exist? If so, what is inside the frame?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...