|
HTML - Iframe And Validation Xhtml
Hi there
I use an iframe on a page and it doesn't validate, has anyone any idea why please ? Code: <iframe src="http://www.website.com" width="500" height="400"> </iframe> Thanks Gary Similar TutorialsSeem to be getting W3C errors on my Joomla based website. At a loss on how to make it compliant. The address is www.mph-uk.com and if you click the W3C checker on the right hand side, it should bring up three errors. Any advice is appreciated. Some of the items are coming from templates and modules. Hi I have this Code in HTML (not XHTML): Code: <html>
<head>
<title>1_html_works_with_both</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="320" align="left" valign="top" bgcolor="#FF0000"> </td>
</tr>
<tr>
<td width="100%" height="100%" align="left" valign="top"><iframe width="100%" height="100%" frameborder="0" src="http://www.cnn.com/" name="test" id="test" scrolling="auto" /></td>
</tr>
</table>
</body>
</html>
This displays a red space of 320 pixels height at the top of the page, and under it, until the bottom of the page, the CNN website (in an Iframe). This is absolutely no problem and works in Firefox and IE. Now I do the same with XHTML: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>2_xhtml_works_with_none</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="320" align="left" valign="top" bgcolor="#FF0000"> </td>
</tr>
<tr>
<td width="100%" height="100%" align="left" valign="top"><iframe width="100%" height="100%" frameborder="0" src="http://www.cnn.com/" name="test" id="test" scrolling="auto" /></td>
</tr>
</table>
</body>
</html>
This will not work in Firefox and also not in IE. It will display the same fix red space, but the iframe will not fill the page until the bottom of the page. So, there is this known fix: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>3_xhtml_works_only_with_firefox</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html {
height: 100%;
overflow-x: hidden;
}
body {
height: 100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="320" align="left" valign="top" bgcolor="#FF0000"> </td>
</tr>
<tr>
<td width="100%" height="100%" align="left" valign="top"><iframe width="100%" height="100%" frameborder="0" src="http://www.cnn.com/" name="test" id="test" scrolling="auto" /></td>
</tr>
</table>
</body>
</html>
But: it works only with Firefox. Firefox understands this 100% high table cell as "fill the rest of the page" while IE understands it as "a whole page height, not only the rest of the page". This results in... a scrollbar mess! I hope you can follow... you can test it with the code provided. Thanks for any help! praiser a fragment of the code is shown below, <form id="frmmain" name="frmmain" method="post" action="index.php?page=login"> <!--<form id="srch" name="srch" onsubmit="return blockSubmit();">--> <td valign="top" style="padding:4px;text-align:center;height:50px;margin:0 auto;"> <input style="height:20px;background:none;color:#fff;border:1px solid #fff;width:160px;" type="text" value="<?php echo 'Enter WinkedAt code here.';?>" name="wa_id" id="wa_id" onclick="javascript:document.frmmain.wa_id.value=''" onmouseover="return onMouseOver2('You must <a href=index.php?page=login>Login</a> first to add WinkedAt code or <a href=index.php?page=Signup>Sign-up</a> for a free new account.');" onmouseout="onMouseOut2();" /> </td> <td valign="top"> <input type="hidden" id="my_id" name="my_id" value="<?php echo $my_id;?>"/> <input type="hidden" name="error" value="<?php echo $error;?>"/> <input type="hidden" name="msg" value="<?php echo $msg;?>"/> <input style="border:none;" type="image" src="<?php echo _DEFAULT_TEMPLATE_PATH;?>/images/goarrow.png"/> </td> </form> but when i validate it, it prompts errors such as these --document type does not allow element "td" here --Attribute "name" exists, but can not be used for this element. i tried putting divs but still the error prompts..what did i overlook? Hello, I made a site and it has XHTML Validation Errors. http://validator.w3.org/check?uri=ht....ens.org.in%2F Here is the link. Site is http://www.new.ens.org.in Can you please help me solve those errors? Hi I am trying to make this pop up effect pass the W3C validation test This is the page in question: http://www.newmedia.lincoln.ac.uk/je...sts/popup.html This is a direct link to the W3C XHTML Validation results: http://validator.w3.org/check?verbos...s%2Fpopup.html Please can someone help? I'm using Eclipse as my IDE, and getting a warning from it's XHTML validator saying: Invalid location of tag (br). The code is as follows: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Animation Master</title> </head> <body style="font-family: sans-serif"> <h1>Testing</h1> <br /> <br /> <br /> <p>Blah blah</p> </body> </html> It happens at each <br /> tag, so I'm getting the warning three times. Why is this? Hi. My entire site is 100% XHTML1.1. Except for some new code I added which causes errors in validation. the code is HTML Code: <a href="http://babelfish.altavista.com/babelfish/" onclick="window.open('http://babelfish.altavista.com/babelfish/trurl_pagecontent?lp=en_it&url='+encodeURIComponent(location.href));return false;" title="Translate to Italian"><img title="Italian" src="http://geekimo.com/licons/it.png" alt="Italian" /></a>
I understand maybe CDATA islands can help with this? or making it external? but I have no idea how to do that with it having html code in there too.. I don't know if you can surround it in CDATA tags. There are other lines of code too, exactly the same except have different languages. Any help would be awesome! I am trying to make my contact page pass the W3C validation test. I have tried putting the form names (your name, your email and subject) in a p class with a defined font family and size because I think this is what W3C is telling me what to do but I still get lots of errors.. This is my form: HTML Code: <form method="post" action="contact.php">your name:<br /> <input type="text" name="name" size="19"><br />your email:<br /> <input type="text" name="email" size="19"><br />subject:<br /> <textarea rows="5" name="message" cols="30"></textarea> <br /> <input type="submit" value="submit" name="submit"> </form> Please can someone shed some light onto this? Which one is better? XHTML STRICT 1.0 or XHTML 1.1 hi, i've a very simple html page, where i have an iframe. The problem is that i want to add some text below the iframe. however, my text keeps showing up on the right hand side of the iframe. i've looked at the tutorials discussing the tags available for iframe, but surprisingly, none seem to relevant to this. Code: <html> <body> <table border="0" cellspacing="10"> <table border="0" cellpadding="0" cellspacing="0" align="left"> <td valign="top"> <iframe src="mySource.jsp" height="700" width="600" frameborder="0" scrolling="auto"></iframe> </td> </table> This should be displayed below the iframe but actually gets displayed on the right </body> </html> any help / guidance in this will be much appreciated. thanks in advance! I have 2 IFrames on a page. I am going to end up with a long list of shows to catch-up on. Is there a way I can embed an IFrame with the list, and when you click on a show, you it will change the Playing Show http://tiny.cc/catchup <---The page I am referring to. Please anybody tell me about the XHTML. What is the difference between HTML and XHTML? What are the benefits and is it worth learning? Thanx 4 the help! hi and goodafternoon i run wapsites and i want to convert the wml scripts to xhtml all my scripts are php based which i know will work in xhtml too. i also use mysql coding for database side of things . here is one of my smaller scripts . <?php <wml> <card title="sitename"> <p align="center"> <img src="logo.gif" alt="logo"/><br/> Welcome!!<br/><br/><a href="login.php"><img src="login.gif" alt="Login"/></a><br/><a href="terms.php"><img src="register.gif" alt="Register"/></a><br/> <br/> <big><b><a href="terms.php">Terms of use!</a></b></big> <br/> You are here with<br/> END; print 'Browser:'; $browser = explode ('/', $HTTP_USER_AGENT); print $browser[0]; print '<br/>'; print "IP-Adress: $REMOTE_ADDR<br/>\n"; print <<<END ---<br/> </p> </card> </wml> END; ?> how would i convert that to xhtml . and if its just a case of changing the tags then would it work on the rest of the scripts with sql coding in too . nclemale@hotmail.com or post your replies here thanks in advance hello friends , I want to know that what is what is XHTML ? plz anybody help me . I want to know about this . Thankx ==== Tell me..... what is xhtml? I am reading about XHTML now and noticed that it is really no different than HTML. The only difference(s) are, correct me if I'm wrong, that XHTML is more strict with the rules. Lowered-cased letters, properly closed tags, etc, all that mumbo jumbo. If I'm already doing that with HTML, must I need to worry about XHTML? so xhtml elements should always be in lowercase how does this extend to the case in css. for example if im using a xhtml doctype should i be using lower case color values like color:#ffffff vs color:#FFFFFF. I know as per a hexidecimal value "ffffff" is the same as "FFFFFF" and the same as "fFfFfF". they are all equal to the same value so it really doesn't matter but does the xhtml doctype dictate that these values should be in lowercase? can make dynamic website in xhtml |
|||||||