|
HTML - Livechat Code Causing Validation Issues
Similar TutorialsHello all im new to forum. i am building an online portfolio and im trying to make sure it works for the most used browsers. The code i have written works perfectly fine for IE but when using FF i have problems The problem im having is to do with my Navigation Bar. When i mouse over the navagation bar in FF it only works if i mouse over the bottom of the "image" of the navagation bar. Can anyone see why this is happening? i will post the relevant code and an example url. <LINK REL=stylesheet HREF="http://maths.sci.shu.ac.uk/students/Keenan_Liam/stylesheet.css" TYPE="text/css"> </head> <div style="POSITION: relative; TEXT-ALIGN: center"> <span style="WIDTH: 1000px; POSITION: relative; TOP: 104px; TEXT-ALIGN: center"> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/home/index.html" target="_blank" class="opacityit"><img width="100" height="29" alt="Home" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/homeRj.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/cv/index.html" class="opacityit"><img width="100" height="29" alt="CV" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/mycv.jpg" border="0" ></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1/index.html" class="opacityit"><img width="100" height="29" alt="Year 1" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2/index.html" class="opacityit"><img width="100" height="29" alt="Year 2" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3/index.html" class="opacityit"><img width="100" height="29" alt="Year 3" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4/index.html" class="opacityit"><img width="100" height="29" alt="Year 4" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4.jpg" border="0"></a></span> </div> the url is http://maths.sci.shu.ac.uk/students/...me/index2.html Thanks, Liam Hi, When I enter submit search terms into the search bar on my site (http://www.projectdisobey.com/disobeyclothing/), and then put the resulting page through a validation test at http://validator.w3.org/check, I get the following validation errors: (See attachment) I know that all these errors are resulting from an unencoded ampersand. My question is, which WordPress file do I need to go into in order to change the '&' to a '&'? Can anybody help me? Thanks If you look here at http://www.babyjai.com/quote.php you will see the form validates before it tries to push it thru, how come when you look at http://dinasky.me/contact.php it doesnt do it, it just pushed it thru, i cannot figure it out! Hello, I have produced a form which can be seen at this url: http://www.magicalwonders.com/Freestufftest5.html but the code is failing to valididate and is producing two errors: Quote: Line 33, Column 29: "INPUT" is not a member of a group specified for any attribute. <select name="country" input type='text' size='1'> Line 33, Column 34: there is no attribute "TYPE". <select name="country" input type='text' size='1'> As I need to include "Input" and "Type" in order for the form to work I'm not sure how to produce a form that validates! Can anyone point me in the right direction? Many thanks, Myles Hi, Why isn't the following code calling the validateForm function? I am new to this so I am lost. And please excuse the messyness of the code as it is a work in progress. N.B. I have obviously taken out a lot of code but I think this is all I need to show you for you to be able to help <script language="JavaScript" type="text/JavaScript"> function validateForm(pform) { checkFirstNames(pform.firstNamesField.value); checkLastName(pform.lastNamesField.value); checkCurrentEmp(pform.currentEmpField.value); checkEmailAddress(this.emailAddressField.value); checkJobTitle(pform.jobTitleField.value); checkDegrees(pform.degreeField.value); checkApplication(pform.applicationField.value); checkAddLanguage(pform.addLanguageField.value); checkWebPage(pform.webPageField.value); } </script> <title> Job Application </title> </head> <body background="images/Border1.png" bgcolor="#ffffff"> <table width="500" cellspacing="2" border="0" id=menuTable> <tr><td> <table width="320" cellspacing="2" cellpadding="2" align="left" border="0"> <tr><td colspan=2><h3>Menu</h3></td></tr> <tr><td><a href="default.html" >Homepage</a></td></tr> <tr><td><a href="Application_Submit.htm" onclick="alert('Apply for a Job button clicked. Reloading page')"/>Apply for a Job</a></td></tr> <tr><td><a href="back.html" onclick="alert('Job Submission button clicked but is unoperative at this time')"/>List all Job submissions</a></td></tr> <tr><td><a href="back.html" onclick="alert('Lastest Submission button clicked but is unoperative at this time')"/>Show latest submission</a></td></tr> <tr><td><a href="help.html">Help</a></td></tr> </table> <table width="380" cellspacing="2" cellpadding="2" align="right" border="0"> <tr><td><form name="JobApplication" action="javascript:alert('Submit button clicked')" onsubmit="return validateForm(this.emailAddressField.value)"> Hello, I have coded my site, and I have a form on the page, and I'm not sure why I am getting the errors I am getting. If anyone can help me out I would be forever grateful! Here is my code: http://pastie.org/366071 And if you paste it into: http://validator.w3.org/#validate_by_input then you will see what errors I have encountered. Hi created the following code: 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>validation</title>
</head>
<body>
<ul>
<li><a href="#">item1</a></li>
<li><a href="#">item2</a></li>
<ul>
<li><a href="#">item2a</a></li>
<li><a href="#">item2b</a></li>
</ul>
</ul>
</body>
</html>
unfortunately it doesn't pass validation. Apparently, a "ul" elenent cannot be inserted into another "ul". So, how do i create a cascading menu? Thanks Hi, I'm just learning html and I'm creating my website in Frontpage 2003. I looked in IE6 and my individual pages are exactly how I want them to look. However, viewing the same pages in Firefox presents me with a problem I'm not sure how to correct. It has to do with the center table. I originally copied and pasted the contents from Excel into the table (which I think was a mistake now). My workaround to this was copying and pasting the contents in the table into Notepad; and also shortening the length of each line; and then re-pasting the contents back into the table. It looks o.k. in Firefox but the alignment is no longer "justified". Can someone please tell me what I should be doing in the html code here? To see what I mean please open the link below in both IE and Firefox. http://www.prosperityteachers.com/ne...ew_thought.htm Much appreciated! Hi Friends, I've created an html coded email signature for Outlook 2003 (old, i know) and need some help. I've inserted a few images and linked them back to my company's social media platforms. When I insert the html template into Outlook it places <> after each picture/icon that i inserted. Any suggestions on how to remove these?! i finally figured out how to remove the underline but now i'm stuck with <> and can't get it to go away! PLEASE HELP!!! I have a weird problem with a site which I've been running for most of the year. The problem arrived recently. The site is at http://www.les-amis-des-chats.com. If you go to it in IE7/8, look at the left hand side; under the navigation bar is an orange blob. It doesn't show up in Firefox, Google Chrome or Opera, but you do also get it in the Windows version of Safari. When I preview the page on my PC hard disc (running XP Pro) using IE7 or Safari, the blob isn't there! But it's there when I view the identical pages on the server. I know the blob is related to the navigation bar, in that first, when you hover the mouse over the blob it shows links to pages on the site, but upside down relative to the links in the navigation bar, and secondly, when I redesigned the navigation bar, the blob changed colour. Orange is the colour of the submenu links in the new design. I tried rebuilding the bar, and the "new" bar is only on the index page, but this made no difference. The blob appears on all the pages using the old and the new bar. Needless to say the problem didn't appear when I first inserted the "old" bar - it has appeared since then. Go to the French-language half of the site (click on the French flag in the top right corner), where there is a similar navigation bar built with the same software, and there is no sign of the problem. Any suggestions as to possible causes and cures will be gratefully received. And a Happy New Year to you all. Hi everyone. This is my 1st msg on this forum so a BIG HELLO to everyone out there. Here's my problem. In my HTML I have the following DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> and a bunch of javascript and HTML to implement a rich-text editor (this is actually a pre-written component that I'm using on the page). On Firefox the page views perfectly - no problems. On IE 6, all the buttons etc are displayed but the actual text are where the user can type is not visible so the component doesn't work properly. The strange thing is, if I change the DOCTYPE declaration to : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> then everything works fine in both IE and FF. My problem is that I need to keep the 1st DOCTYPE and can't use the second. Would appreciate if someone could help me figure out why the page does not work in IE. The attached ZIP file contain the code in testAction.do.htm and the supporting files under testAction.do_files I am working on the webpage: http://www.ashleylandscaping.com All works well, until you click on the "Contact" button. If you look at the other pages, everything is displayed properly. On the "Contact" page you will see a "Contact Us Form". When i have this form/table on the webpage, the whole bottom of the page disappears. If I remove that form from the page, everything looks fine. It must be just 1 or 2 things i'm missing, but I cant see it for the life of me. hi I have used this cdata like this <script type="text/javascript"> <![CDATA[ function change_palette() etc...... ]]> </script> but the javascript is not at all working in IE.. I use script's in between a lot so I want this to be valid in w3c....... I tried this also //<![CDATA[ //]]> but no use, can I know how to use this without effecting the functionality in any browsers? its urgent plse... Hi All, I'm trying to show an image in a table but I end up with a bottom border of three to four pixels beneath it. Here's a simplified example of my table: Code: <table bgcolor="#00CC66" border="0" cellpadding="0" cellspacing="0"> <td> <img src="images/dummy.jpg" border="0"> </td> </table> You can see it in action here. The dummy.jpg is the grey box btw. Something in this page is causing a vertical white line on the right hand side of the main table. Can anyone help me figure this out? www.massagelaunch.com Thanks. When I resize/drag window in IE8 and FF the screen remains perfect by getting a HR scroll bar, but Ie7 is not rendering images/divisions properly while resizing the window, all the text/menu get scrambled initially when dragging, but after refreshing it becomes perfect.. can I know why this happens? Is it problem with css or browser response/refresh time? I cannot give the link since this is an internal project hosted locally.. Any help appreciated.. Thanks Here is the page I am currently working on. Everything is funtioning and working properly. But there's a problem. I validate my page and I get errors fo the style sheets in the head. It is the cause of like 5 errors on my page. Theres 2 other errors are so, but they are fixable and I will get to them after I fix the style sheet errors. NOTE: The default style sheet is chose using PHP. Here is the whole coding for the actual head of my site, what you don't see in the "view source": <link rel="stylesheet" type="text/css" media="screen" title="User Defined Style" href="<?php echo (!$sitestyle)?'layout':$sitestyle ?>.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="playstation interface" href="ps3.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="wii interface" href="wii.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="xbox interface" href="xbox.css" /> I am using multiple style sheets that user can change, and when they change, the page sets a cookie on there browser. I got this trick from alistapart.com. It works great so people that like an individual game system can change the layout, but I just wanted to fix these errors because it is chaining into other errors on the page. Does anyone have a solution for fixing this problem? I have done much research and messed around with it alot, but all things have failed. I also don't understand what hte title and media things mean in the link to the style sheet. If someone could define this for me I would appriciate it. |
|||||||