kieranfivestars Posted February 25, 2013 Share Posted February 25, 2013 (edited) Hello there, I am new to these forums and I am hoping I can get a lot of help from here Basically i've looked through the W3C markup validation service to see if there any errors in my CSS coding because my site isnt looking right in IE. What i've found is that all the errors arn't actually errors? Please if anyone could click the link below and tell me what the supposed errors are? http://validator.w3....=Inline&group=0 The site: http://mandownclothing.com/ Thank you in advanced! Kieran P.S I have attached an example image. Edited February 25, 2013 by kieranfivestars Link to comment Share on other sites More sharing options...
Wolverine Posted February 25, 2013 Share Posted February 25, 2013 You are getting HTML errors like here<div id="morebutton"><a href="http://mandownclothing.com/all/"><div id="morebuttontext">VIEW ALL ></div></div></a>should be<div id="morebutton"><a href="http://mandownclothing.com/all/"></a><div id="morebuttontext">VIEW ALL></div></div>here is a list of the CSS errorshttp://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmandownclothing.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=〈=en Link to comment Share on other sites More sharing options...
Wolverine Posted February 25, 2013 Share Posted February 25, 2013 Also the DOCTYPE is all wrong for the elements that you are using.If you use:<!DOCTYPE html><head></head><body></body></html>you have a basic HTML5 page and 9 of the HTML errors go away. You have them because XHTML does not support those particular elements. Link to comment Share on other sites More sharing options...
kieranfivestars Posted February 25, 2013 Author Share Posted February 25, 2013 Oh yeah I see where the </a> is wrong yeye thanks. I dont know anything about a doc type tho? how do I change this? Thank you Link to comment Share on other sites More sharing options...
kieranfivestars Posted February 25, 2013 Author Share Posted February 25, 2013 Oh and I changed the position of the </a> and the whole button stop working as a link, so thats maybe why I did it in the first place. Any idea why that's happened? Link to comment Share on other sites More sharing options...
Labtec Posted February 25, 2013 Share Posted February 25, 2013 (edited) This is the basic syntax for a link: <a href="somePage.html">Contact Us</a> And on line 17, encode your ampersand '&': #8230;/css?family=PT+Sans:400|Fjalla+One:400&subset=latin' type='text/css' media='al… To this: #8230;/css?family=PT+Sans:400|Fjalla+One:400&subset=latin' type='text/css' media='al… Regards, Lab. Edited February 25, 2013 by Labtec Link to comment Share on other sites More sharing options...
kieranfivestars Posted February 25, 2013 Author Share Posted February 25, 2013 I know this is probably a stupid question.. but where would I change the text? as in the above post? ..what file is the Markup Validation checking? because it's not custom.css? Link to comment Share on other sites More sharing options...
kieranfivestars Posted February 25, 2013 Author Share Posted February 25, 2013 I have two errors left http://validator.w3.org/check?uri=http%3A%2F%2Fmandownclothing.com%2F&charset=%28detect+automatically%29&doctype=HTML5&group=0&user-agent=W3C_Validator%2F1.3 but I don't know where they are located? Link to comment Share on other sites More sharing options...
Labtec Posted February 25, 2013 Share Posted February 25, 2013 You got 4 errors and 2 warnings. The second error in the list, is regarding the ampersand in red. It is saying you need to escape it, meaning you need to put this: & So that line of code should read: One:400&subset Ok there's one error down. Your last error is simple. To create a 'break rule' tag, you need to open and close it within the same tag. So change those 2 <br></br> tags to this: <br /><br /> 2 down 2 to go. The 3rd one in the list, regarding the start tag, I think that means you haven't closed the <a> tag which comes BEFORE that <a> tag. And the 1st error regarding the profile attribute, I'm not too sure. Hope this helps. Regards, Lab. Link to comment Share on other sites More sharing options...
kieranfivestars Posted February 26, 2013 Author Share Posted February 26, 2013 Are you viewing this on html5 doctype? because I only have two left now, and the "& character reference" Line 17, Column 117, where am i supposed to find that? I dont understand what the lines and columns mean? thank you for your help so far! Link to comment Share on other sites More sharing options...
Labtec Posted February 26, 2013 Share Posted February 26, 2013 Are you viewing this on html5 doctype? because I only have two left now, and the "& character reference" Line 17, Column 117, where am i supposed to find that? I dont understand what the lines and columns mean? thank you for your help so far! Sorry I didn't see your second link. Lines and columns are exactly that. What editor are you using to code in? Do you see the numbered lines usually down the left hand side? Regard, Lab. Link to comment Share on other sites More sharing options...
Wolverine Posted February 26, 2013 Share Posted February 26, 2013 Take all of this out of the first two lines in your code:PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" xmlns="http://www.w3.org/1999/xhtml" lang="en-US"and then go to this line:<link rel='stylesheet' id='googlefonts-css' href='http://fonts.googleapis.com/css?family=PT+Sans:400|Fjalla+One:400&subset=latin' type='text/css' media='all' />and just to the right of the 400 followed by &subset=latin put your cursor and hit space.Then in all the tags that look like<br> make them look like <br/> and save. 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