Rewillis Posted November 26, 2019 Share Posted November 26, 2019 (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>   <object width="10%" height="100" data="The_Gospel_Preacher_256.pdf"></object>   <object width="10%" height="100" data="The_Gospel_Preacher_257.pdf"></object>   <object width="10%" height="100" data="The_Gospel_Preacher_258.pdf"></object>    <object width="10%" height="100" data="The_Gospel_Preacher_259.pdf"></object>   <object width="10%" height="100" data="The_Gospel_Preacher_260.pdf"></object>   <object width="10%" height="100" data="The_Gospel_Preacher_261.pdf"></object>   <object width="10%" height="100" data="The_Gospel_Preacher_262.pdf"></object>    <object width="10%" height="100" data="The_Gospel_Preacher_263.pdf"></object>   <object width="10%" height="100" data="The_Gospel_Preacher_264.pdf"></object>   <object width="10%" height="100" data="The_Gospel_Preacher_265a.pdf"></object>   <object width="10%" height="100" data="The_Gospel_Preacher_266.pdf"></object>    <object width="10%" height="100" data="The_Gospel_Preacher_267.pdf">    <br><br> <iframe src="demo_1.htm" height="200" width="300"></iframe> <br><br> <!--      Web 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> <!--     _____<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 © 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 November 26, 2019 by Rewillis Link to comment Share on other sites More sharing options...
Ingolme Posted November 26, 2019 Share Posted November 26, 2019 By "not working" what do you mean? Does the frame exist? If so, what is inside the frame? Link to comment Share on other sites More sharing options...
Rewillis Posted November 26, 2019 Author Share Posted November 26, 2019 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now