HTML - Iframe With Strict Doc Type Help
Hi,
Web newbie here. I am trying to add a "verse of the day" module to one of my websites. It is loaded into an iframe, but I am getting markup validation erros because I am using the strict doc type. Any ideas? http://bigdogcattle.com/test/ Thanks Jamie http://bigdogcattle.com Similar TutorialsHi, So I am lost at how to do this, I have a server side program that scrapes websites (e.g amazon.co.uk) and modifies the content and reserves this as its own page. (I know this sounds naughty but intentions are honorable!) basically I want to set the page to be a header (of my website header) and an Iframe type element containing the full html of the scraped text. Similar to proxify.co.uk Looking at the page source of proxify, they needed to do some serious modification of the page they reserve to achieve this Any ideas how to achieve this simply for example say the page I scraped looks like <html> <body> scraped site </body> </html> I would like to be able to do <html> <body> my header <magic frame> <html> <body> scraped site </body> </html> </magiceframe> </body> </html> I have this script HTML Code: onchange="window.open(this.options[this.selectedIndex].value,'myIFrame')"> <option>Choose a destination for your IFrame!</option> <option value="http://www.yahoo.com/">YAHOO</option> <option value="http://www.google.com/">GOOGLE</option> <option value="http://www.altavista.com/">ALTAVISTA</option> <option value="http://www.amazon.com/">AMAZON</option> <option value="http://artlung.com/">ARTLUNG</option> </select> </form> <iframe src="http://joecrawford.com/" name="myIFrame" width="400" height="200"> You can't see this because your browser does not support iframes. </iframe> in this script we see Yahoo, Google,amazon etc in the drop down. But i don't want to have a drop down, instead i want users to type as Yahoo, Google etc and i frame opes in in the page. When an user types an invalid key. it should show a separate link, where in i would keep something showing invalid how to do it? Conflict between Mime Type and Document Type... Morning - I have recently been learning CSS and have been upgrading my site to Semantically correct code. The first templat I am building is the following page http://www.colletts.co.uk/colletts_n...ndexflash.html and validates here validates... sort of. Should I be worried about the mime type, what effect will this have on the page. If I follow the instructions and change the file extension to xhtml all hell breaks loose - http://www.colletts.co.uk/colletts_n...dexflash.xhtml IE Error - can't open thios document etc... What am I doing wrong??? Best, Mas I am new to HTML and am currently working on my second website. At the moment I have started to validate all of the various pages using HTML 1.0 Strict but I have run into a problem on one page that I cannot figure out. The page involved an image map with the onmouseover feature on the major links which changes the image map to give the illusion of changing the text color of the link. I was able to validate using Transitional, but if possible I would like to validate the entire site using HTML 1.0 Strict. Here is a link to the Strict page with the error: http://www.crystalhatchlings.com/MainPageV.htm There is a link to the W3C Markup Validation Site at the bottom of the page. The error deals with the the "name" attribute. If I remove or change the "name" attribute the onmouseover function does not work and when you hover your mouse over the red links they stay red. They do not change to blue. Please bear in mind that the link is to a test page and while it links to the rest of my site none of the site links back to this test page. The Transitional validated page can be found he http://www.crystalhatchlings.com/MainPage.htm If I am missing something in my post or if it is not detailed enough please forgive me. As I said I am very new to web design. Take care and have a great day.... ciao, john. This document uses XHTML 1.0 Strict. Here is a link to the document. Problem #1 The table is set to a height of 30px but it shows up as 34px. This creates a space below the graphic on the right. I worked on this for a couple of hours and no matter what I tried I couldn't get rid of the space... until I converted the document to Transitional. I'd like to use legit code and use strict but I don't know how to fix the problem. I'm sure this is easy but it's not obvious to me. Problem #2 How do I center this table horizontally in strict? It's easy in transitional but I don't see an obvious way in strict. Thanks in advance! I'm sure people will think this has been answered a million times before, but unless I'm completely blind, I've not seen a single piece of XHTML that does this. This is a screen layout that I have to create under XHTML strict specification: Code: <window, not scrolling> <site header: must always show at the top of window, fixed pixel height, not scrolling /> <container: not scrolling, fills the window height> <left sidebar: must always show on the left, fixed pixel width, full height, not scrolling /> <container P: not scrolling, variable size, fills available width and height > <page header: must always show at at the top of container P, fixed height, not scrolling /> <page content: the only scrolling area, variable size, fills available width and height in container P /> <page footer: must always show at at the bottom of containerP, fixed height, not scrolling /> </container P> <right sidebar: must always show on the right, fixed pixel width, full height, not scrolling /> </container> <site footer: must always show at at the bottom of window, fixed pixel height, not scrolling /> </window> any ideas? I don't want to use script, just css. Width seems no problem but height is a heck of a problem. The only way I've managed it so far is using a table layout which works for Safari but not in IE8 or Mozilla. Hi all, My document all seems to measure up, but I don't know how to impliment my flash animation correctly so that it complies with HTML 4 strict. Any help would be greatly appreciated as always. This is the document: http://www.warwickshireonline.com/pat Here's the validation. http://validator.w3.org/check?uri=ww...line.com%2Fpat Thanks in advance for your help. So many of you have tried to help me with my website http://webtvdeluxe.com/home.php . Someone was kind enough to make a css version of it with no tables. However, I couldn't get the newsboard to work with it because of the difference in coding. So I started from square one and decided to try xhtml because it is not much different from html and I'm trying to get my webpage xhtml strict validated. Have one problem I can't figure out. If you look at my page, some of the images are broken away from the tables. In transitional mode, my page looks fine. But in strict mode it does that. I know you can't use the align attribute in strict so that why I attempted to make the td and table values in CSS instead. I put every value I could think of and none of them are working. Anyone know how to fix this? I know that I have been a pain because I've been asking a lot of questions. I really do appreciate all the help that you all have been giving me. It's probably something silly but I guess I'm too frustrated to figure out what it is. I'm currently in the process of updating my site from very old html to xhtml 1.0 strict standards. I've bought myself a good book and looked quite a bit on the web, but unfortunately I haven't found the answer to this question: With the extinction of frames, how do I create a 'navigation bar' at the top of my pages without putting the same code into each document and having to update a multitude of files each time I change the location of one document being referenced by the navigation controls? I'm using external CSS files for my presentation control. Currently, I am using a single xhtml 1.0 frameset file to set-up the frames, then using xhtml 1.0 strict for the main files. The navigation file, however, is using xhtml 1.0 transitional simply because I don't know how to mimic the "target" attribute in the <a> element to target the main frame. I know I can use the 'onclick' and 'onkeypress' event activators in the <a> element to open a new window [window.open(this.href); return false;], but how can I apply that to target a frame and not a window? Of course, that may become a moot point if there's a way to get rid of the frames altogether... Douglas --- http://www.SilverThumbStudios.com/xhtml Can anyone tell me the best way to embed a Flash Movie that will comply with HTML Strict? http://www.kasedesign.co.uk/woodside.../panoramic.htm There seem to be quite a few options out there and they all seem very long winded! Thanks in advance! I have a site (no standards, written with MS Frontpage) that I am converting to 4.01 strict with Dreamweaver. There is one big problem ... virtually all of the text in 4.01 strict is spread out vertically, especially when they are in separate paragraphs: Code: <p class="nomargin" align="center>New to stewardship?</p> <p class="nomargin" align="center>Start here!</p> where the "nomargin" class is: Code: .nomargin { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } These two sentences are close together vertically in either the MS quirky, or 4.01 transitional standard, but there is significant vertical margin (they are spread out vertically) under 4.01 strict. I need to use 4.01 strict, but I also need these paragraphs to have no margin so they are close together vertically. Why does 4.10 strict do this and how do I eliminate the margins? Thanks Hi How do you align a table center without using align="center" when trying to strict validate your page? If I use a div and text-align:center; won't that center all the text in the table too? Cheers Shaun <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <body bgcolor=999900 text=990000> <div align="center"> <h1><img width="50" height="50" src="../../3com0125%20DEIS/Assessment%20Briefings/sunflower.gif"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Modules in the BSc / BA SSAM programme</font><img width="50" height="50" src="../../3com0125%20DEIS/Assessment %20Briefings/sunflower.gif"></h1> </div> <center> <font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"> <hr> </font> <p><font face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular"><a href="../../3com0125%20DEIS/Assessment%20Briefings/index.html">Home Page</a> /<a href="../../3com0125%20DEIS/Assessment%20Briefings/SSAM.html"> Programme Description</a> / <a href="../../3com0125%20DEIS/Assessment %20Briefings/diary.html">Timetables and Diary Dates</a> / <a href="../../3com0125%20DEIS/Assessment%20Briefings/help.html">Help and Advice</a> / <a href="../../3com0125%20DEIS/Assessment%20Briefings/staff.html">Contact Us</a> / <a href="../../3com0125%20DEIS/Assessment%20Briefings/News.html">News</a> / </font></p> </center> <font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"> <hr> </font> <h3> <h3><font face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Level 3 modules </font></h3> </h3> <div align="center"> <table border="1" frame="Box" rules="All"> <tr height="19"> <td align="center" height="19" width="96"><b><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Code</font></b></td> <td align="center" height="19" width="350"><b><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Course</font></b></td> <td align="center" height="19" width="73"><b><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Credit Points</font></b></td> <td width="73" height="19"> <center> <b><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Semesters</font></b></center> </td> </tr> <tr height="19"> <td height="19" width="96"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3MMF0028<br> 3COM0122</font></td> <td align="left" height="19" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">BA Contextual Study<br> BSc Contextual Study</font></td> <td align="center" height="19" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <center> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">A</font></center> </td> </tr> <tr height="16"> <td height="16" width="96"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3MMF0022<br> 3COM0121</font></td> <td align="left" height="16" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">BA Project Planning<br> BSc Project Planning</font></td> <td align="center" height="16" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="16"> <center> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">A</font></center> </td> </tr> <tr height="19"> <td height="19" width="96"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><font size="2">3MMF0024</font></font></td> <td align="left" height="19" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Competitions</font></td> <td align="center" height="19" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <center> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">A</font></center> </td> </tr> <tr height="19"> <td height="19" width="96"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><font size="2">3MMF0025</font></font></td> <td align="left" height="19" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Industry and Sector Study<br> Career Contexts and Visions</font></td> <td align="center" height="19" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <div align="center"> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">B</font></div> </td> </tr> <tr height="19"> <td height="19" width="96"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3MMF0023<br> 3COM0126</font></td> <td align="left" height="19" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">BA Project Realisation<br> BSc Project Realisation</font></td> <td align="center" height="19" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">30</font></td> <td width="73" height="19"> <div align="center"> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">B</font></div> </td> </tr> <tr height="19"> <td width="604" height="19" colspan="4"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">And a choice of one of the following in Semester A:</font></td> </tr> <tr height="19"> <td height="19" width="96"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><font size="2">3MMF0026</font></font></td> <td align="left" height="19" width="350"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">Webarts </font></td> <td align="center" height="19" width="73"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <center> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">A</font></center> </td> </tr> <tr height="19"> <td width="96" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3COM0123</font></td> <td width="350" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3D Interactive Media</font></td> <td width="73" height="19" align="center"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <center> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">A</font></center> </td> </tr> <tr height="19"> <td colspan="4" width="604" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">And a choice of one of the following in Semester B:</font></td> </tr> <tr height="19"> <td width="96" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3COM0124</font></td> <td width="350" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Webware</font></td> <td width="73" height="19" align="center"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <div align="center"> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">B</font></div> </td> </tr> <tr height="19"> <td width="96" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">3COM0125</font></td> <td width="350" height="19"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Design and Evaluation of Interactive Systems</font></td> <td width="73" height="19" align="center"><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans- Regular">15</font></td> <td width="73" height="19"> <div align="center"> <font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">B</font></div> </td> </table> </div> <p></p> <h4><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Term Dates, Other Significant Dates and Assessment Deadlines</font></h4> <p><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Click <a href="../../3com0125%20DEIS/Assessment%20Briefings/Calander0809.html">here </a> for a calander of term dates or <a href="../../Not%20current/SSAM %20review/Assessments0607.html">here</a> for a list of the assessment deadlines for all of the modules from last year. This only serves to give you an impression of what is likely to happen and to help you plan your work time. You will have to consult each module's StudyNet web site for a more definitive view of what the deadlines are.</font></p> <font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"> <hr> </font> <address><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Maintained by <a href="mailto:L.J.Pye@herts.ac.uk">Lynette J Pye<br> </a> University of Hertfordshire Higher Education Corporation</font></address> <address><a href="http://www.herts.ac.uk/disclaimer.html"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Disclaimer</font></a></address> </body> </html> I have a Web site whose pages are XHTML 1.0 Strict, and the vast majority of them are valid pages, according to the W3C validation page. Some of the pages are not valid, however, as I use some items such as target="_blank" and ol start="26" and items like that. Would any problems develop with indexing (or with anything else) if I decided to make the invalid pages transitional and keep the rest strict? Is it ok to have a mix of XHTML 1.0 Strict and XHTML 1.0 Transitional on a single site? Hi. I'm having some problems making a table to put the sliced Photoshop images into HTML 4.01 strict doctype website. I really have no idea what the problem might be and the HTML validator validates it. The website is he http://ekstaze.net. What could be the problem? Thanks. I'm stuck between a rock and a hard place. I'm writing a news script in PHP and I want to make 'skin-ability' to be one of its best features. Yet, I'm also aiming for strict xhtml complaint code. The news script will act as a 'plug-in' within a page; not a separate entity. For skinning purposes, I need to create an external css file under my skins directory. The issue is when the script is called, it will pull the css file & embed it somewhere in the <body> tag (wherever the webmaster wants to display news). I know a link tag inside the body is not strict xhtml. Also, I cannot embed styles within each tag. This will turn people away from designing new skins. I want the skinning process to be almost seamless; I'm stuck dealing with validation errors or having no styles. Not sure how to get around this. Anyone have an idea? Ive been challenged with coming up with 50 tags and fifty attributes. Tags Im ok with but cant for the life of me find the attributes now most of them are in css. Yelp, help? I am in the process of validating my website to be in compliance with W3C's Strict guidelines, and I ran into a problem with one of my links. The link works fine in that it will open up a new browser window, but the page will not validate properly. Is this possible under Strict guidelines? If so, can someone help me out with the proper code? Here is my link as it appears in my website: <a class="death" href="http://www.graveyards.com/" target="_blank"> Reincarnate Me, Please. </a> Thanks in advance for any and all help! Take care and have a great day.... ciao, john. Which document type is easy and most used either Transitional or Strict? As I have validated my page using w3c validator it asks to define class for each and every thing like <table class="xx"> .xx {width:40%;} This makes maintainablility easy but if I have to define 20 different widths I cant use class names just for these widths.. Will Transitional doc type support this?? |