HTML - Html Validation: End Tag For Element "p" Which Is Not Open
A validated my html with w3's validator.
I don't know what is worng. HTML Code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> Tyilo's chat </title> <link rel="shortcut icon" href="chat.ico"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <base href="http://tyilo.jbusers.com/"> <style type="text/css"> body { background-image: url("http://tyilo.jbusers.com/back.png"); } h1 { color: #00FF00; font-family: Impact; font-size: 50px; text-align: center; } h2 { color: #00FF00; font-family: Impact; font-size: 35px; text-align: center; } p, table { color: #FFFFFF; font-family: Impact; font-weight: bold; font-size: 20px; text-align: center; } table { margin-left: auto; margin-right: auto; } img { border: none; } div.error { color: #FF0000; } a:link { color: #00FF00; } a:visited { color: #FF00FF; } a:active { color: #FF0000; } a:hover { background-color: #000000; } </style> </head> <body> <script type="text/javascript"> if(document.URL.search(/(www)|(index.php)/i) > -1) { document.location = document.URL.replace("www.", "").replace("index.php", ""); } </script> <h2> <a href=""> <img src="home.ico" alt=""> Home </a> <a href="/chat"> <img src="chat.ico" alt=""> Chat </a> </h2> <hr><h1> Tyilo's chat! </h1> <table> <tr> <th width="40%"> Login </th> <th width="20%"> OR </th> <th width="40%"> Register </th> </tr> <tr> <td> <form action="chat/" method="POST"> <p> <input type="hidden" name="mode" value="1"> Username: <input type="text" name="username"> <br> <div class='error'>No username entered!</div><br><br> Password: <input type="password" name="password"> <br> <div class='error'>No password entered!</div><br><br> <input type="submit" value="Login"> </p> </form> </td> <td> </td> <td> <form action="chat/" method="POST"> <p> <input type="hidden" name="mode" value="2"> Username: <input type="text" name="username"> <br> <br> Password: <input type="password" name="password"> <br> <br> <input type="submit" value="Register"> </p> </form> </td> </tr> </table> </body> </html> Similar TutorialsI was hoping someone could clue me in as to whether or not this would be possible. I'm thinking it isn't but I need to make sure. I'd like to provide a file for people to download on my website, but when they click on the link and the download window appears I don't want them to have the option of opening it. Is it possible to only give them the option to save the file? Sounds incredibly unlikely but I gotta know. Hi there, I m using dom with css in my web page. Using the document type <!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"> My dom effect is not visible in mozilla 2.0. In stead if I am using the document type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> the dom effect is visible. Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance Hi there, I m using dom with css in my web page. Using the document type <!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"> My dom effect is not visible in mozilla 2.0. In stead if I am using the document type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance Hey guys, I've been working on this website some more, & many of you have been a great help to me in the past. I've come with another question.. http://www.cedarcreekyouth.org/ This is the page I ran through the W3C Validation thing.. I've got two more errors and three more warnings. I do not know how to fix them.. I've tried a few things, but my knowledge has failed me. Could someone show me how to fix this, with an explanation? Please and Thank you. Cody *please bear with me this is a simple problem which is sort of hard to explain* I run a very small (15 page) website for myself. The site consists of an image_list page, which is an index of 13 thumbnail images. Each thumbnail links to a single page, each page being a larger image of the respective thumbnail. These 13 individual pages are directed at the same base target window, _ximage. you can find the image_list window he http://www.winslowsmith.com/work/index.html click on any one of these thumbnail links and a new window (_ximage) will open. navigate back to the image_list and click another link, the _ximage window will reload with the new page. Pretty simple, right?, just a <base target=""> command. In safari this all looks swell, and the _ximage window, whether open or not, will always come to the foreground to load. Not the case in Firefox. My problem in Firefox is as follows: opening one of the given links in image_list will load a new window (or tab), with _ximage target, and the first time, that new window/tab with _ximage target will come to focus and be in the foreground. However, if the viewer leaves the _ximage window open, and navigates back to the image_list window and clicks another link, that link will load appropriately but the _ximage window will remain in the background. (and it works the same whether you are using windows or tabs to load your new pages). This is frustrating because it forces the viewer to click twice rather than just once to get to one of these 13 pages, and said pages are the reason people would traffic to the site. Is there any way to have the links to base (_ximage) target always load in the foreground in Firefox(even when the target window _ximage is open)? Is there code to tell the Firefox browser, hey this is an important window load it in the foreground? Is there a way to do it with anchors? any help is appreciated I myself am a beginner at html, and I was wondering if someone could (if possible) make it so that when a user clicks an image, the image will change to another image and will change back when someone clicks it again? I am looking for a way so that when a user clicks this: It turns into this: And back again when clicked again. I need this to show for all users too. So if a user on 1 computer clicks the button, it switches, and then a user on another comp sees the images clicked, and can click it to change it back to normal. Is there a way this is possible? In Javascript, PHP, or mysql? Thx Hi board members I trust I have posted in the correct forum... I've just coded an excel speadsheet for all my videos. I have created hyperlinks to each file. I'm wondering if there is a switch to add to the end of the hyperlink to force the media player the open in full screen? Any help would be appreciated. Cheers, Mal Hi I'm having problems with this code the 1st section is what W3 gave me, unsure which one to use the bottom section is what I have in my website, thanks for any help Line 704, Column 8: document type does not allow element "STRONG" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "CENTER", "NOSCRIPT", "NOFRAMES", "BLOCKQUOTE", "FORM", "ADDRESS" start-tag <strong><span class="c22"><strong><span class="c22"><strong><span class="c22"><s ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). -------------------------------------------------------------------------------------------------------- <h3 class="c18"><strong><a href="Photo%20Gallery2.htm"><span class="c22"><img src="aSinkingphoto2.jpg" alt="Photo Gallery of ships, mammels, icebergs and fish" width="190" height="103" border="0" usemap="Index.htm#Map2Map" class="style1"></span></a> <span class="c22"><map name="Map2Map" id="Map22"> <area shape="rect" coords="-9,-5,191,106" href="Photo%20Gallery2.htm" target="_self" alt="Photo Gallery of Ships"> <strong><span class="c22"><strong><span class="c22"><strong><span class="c22"><strong><span class="c22"><strong><span class="c22"><strong><span class="c22"><span class="style2 c23"> href="Photo%20Gallery2.htm" target="_self"><br></span> <span class="style1">href="Photo%20Gallery2.htm" target="_self"><span class="c23"><strong>Click image for Photo Gallery</strong></span></span></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong ></map></span></strong></h3> Hello Everyone, Please help me. I am going to validate my html page using w3c html validator. I got the errors like this document type does not allow element "STYLE" here. <style type="text/css"> Please anyone help me how to solve this error. Thanks in advance. Prabhu Hi everyone. I have some links to excel spreadsheets on a website I run. Is there a way I can "Grey Out" the "Open" option when the links are clicked, therefore only giving the user the option to save the file? Hello everyone. I'm trying to use code that will allow me to have links my guests click open in a new window of a set size. The problem I'm having is that when I use this code the cursor doesn't change to a hand when my guests mouse over the images I want them to click. I'm afraid they won't realize they are links. I found the code on a website I put together years ago, hopefully there's a better way to do this now. Please forgive me if this belongs in "Client Side Scripting" The java is as follows: Code: <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> The code is as follows: HTML Code: <a = "#" onClick="MM_openBrWindow('p1.html','','resizable=yes,width=450,height=350')"> <img src="thumb/p1.jpg" width="50" height="50" vspace="1" hspace="1" border="0"></a> Thank you very much! A customer gave me a Word doc that they want turned into a printer friendly web page. I understand that there are tons of ways to do this but I really want the answer to the subject. What i'm referring to is a form that someone can print from the browser and "fill in the blanks" on the page where there are "underscores". My question is how to code those underscores. I tried manipulating the <hr> tag but it's putting way too much space in between each <hr>. I've already coded a "fill in the blank" line using <u> nbsp;</u> but that looks very messy. What do you guys/gals think? http://www.colletts.co.uk/winter_dolomites.htm I have the above page that redirects users to my Winter Website - the HTML below isn't valid W3C does anyone know of a better and valid way to get this done? Cheers, Mas HTML Code: <META HTTP-EQUIV="Refresh" CONTENT="2.5;URL=http://www.colletts.co.uk/winter/winter_dolomites.html" /> hi, i am working on <div> i have to hide some part of the table. I am not able to hide that table part can anybady tell me where is the error. Code: <html> <head> <script type="text/javascript"> function callme(){ document.getElementById("hid").style.visibility="visible"; } function hideme(){ document.getElementById("hid").style.visibility="hidden"; } </script> </head> <body> <form name="myform"> <table width="100%" border="4" cellpadding="2" cellspacing="2"> <tr> <td class="tableheader" colspan="9">TS </td> </tr> <div style="visibility:hidden" id="hid"> <tr> <td width="17%" class="labeltext">Tran Code</td> <td width="1%" class="blanktext">:</td> <td colspan="4" class="blanktext">Name</td> </tr> <tr> <td width="17%" class="labeltext">Product Type</td> <td width="1%" class="blanktext">:</td> <td colspan="4" class="blanktext"> </td> </tr> </div> <tr> <td> </td> </tr> </table> <input type="button" onclick="callme()" value="show"> <input type="button" onclick="hideme()" value="hide"> </form> </body> </html> thx in Adv, Hanm. Hello, I want to load a page in a iframe, and when i do this, i want that page to be displayed not at the begining of that page, i want that page to be displayed at a "x" and "y" position specificated by me. How can i do that? Thank you. Hi guys, This is the first time I have jumped on here so i'm not sure how it all works, anyway I have a bit of a problem and if anyone could lend a helping hand that would be fantastic. Basically, the code - <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" doesn't validate when I use the W3C markup validation service. I have tried to edit it and also add it to the .css file but it still won't work! Also, there is an issue with the "Height" and "Background" attributes, but I have no idea what the issue is?? I am terribly confused. I have also been instructed not to use javascript, but the template has javascript in it, I was wondering if there is anyway to get rid of the java so that the tables will still line up properly. Here is the file, if anyone can help I would really really appreciate it! Thanks. Here is the file Hi Gang, I'm currently trying to clean up my webpage code and for the most part it's going well - there's only one small problem: Many parts of my site link to external URLS with long "$_GET"-inspired addresses. (For example, "abc.php?id=xyz&itemid=frog" The problem is that W3C validation throws up a red flag whenever it sees an "field=xyz" part of a url, giving the messages: Quote: general entity "field" not defined and no default entity. every time it stumbles across an ampersand in the URL and: Quote: reference to entity "field" for which no system identifier could be generated. every time it stumbles across an equals sign. I'm *sure* there must be some way around this - surely W3C can acknowledge _GET URLS somehow? If anyone can offer any suggestions I'd be very appreciative. Many thanks, - SuperGrover :-) Hey, I'm trying to write some code for expanding and concealing text You can see this in action at youtube when you click the (more) button to expand text. Suppose I had a heading: MyHeading and a body of text: MyTextHere How do I make it so that when you click MyHeading it makes MyTextHere (initially not visible) appear, and when you click MyHeading again, it makes MyTextHere disappear? Thanks Alot. Hi all, I am currently working on a website using Dreamweaver CS3. Whenever I view the (currently very basic) site in Firefox I get the line of code I entered as the title of this thread at the top of the page (directly above the banner) as if I had just typed it into the canvas area (correct term?). Whenever I view it in IE it appears just fine, not sure about other browsers though. I began by creating a template and adding it to the page you see he HTML Code: http://www.geocities.com/makotronic/indexx.htm Here is the code for the template: Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%> <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Template for Parish Website</title> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } body,td,th { font-family: Arial Narrow, Verdana, Arial, sans-serif; } .style5 {font-size: 14px} --> </style></head> <body> <table width="750" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2"><img src="../Images/welcomebanner.gif" width="750" height="125" /></td> </tr> <tr> <td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table></td> <td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td valign="top"><!-- TemplateBeginEditable name="Main Body" -->Main Body<!-- TemplateEndEditable --></td> </tr> </table></td> </tr> </table> </body> </html> And for indexx.htm (I added a second 'x' because I already had a 'index.htm' file in GeoCities): Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%> <!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"><!-- InstanceBegin template="/Templates/template.dwt.asp" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- InstanceBeginEditable name="doctitle" --> <title>Welcome to the Greencastle Parish Website</title> <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="head" --> <style type="text/css"> <!-- .style8 { font-size: 36px; font-weight: bold; } --> </style> <!-- InstanceEndEditable --> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } body,td,th { font-family: Arial Narrow, Verdana, Arial, sans-serif; } .style5 {font-size: 14px} --> </style></head> <body> <table width="750" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2"><img src="Images/welcomebanner.gif" width="750" height="125" /></td> </tr> <tr> <td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table></td> <td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td><!-- InstanceBeginEditable name="Main Body" --> <span class="style8">Header</span> <p class="style3">Main Body</p> <!-- InstanceEndEditable --></td> </tr> </table></td> </tr> </table> </body> <!-- InstanceEnd --></html> Cheers for any help! Niall Rather than write them out i took a screenshot. So how do i get past those? |