HTML - Positioning Errors
Hello all,
i am new to html coding and i am working on an assignment for university. I have come across one problem that i don't know how to fix. I want to make a web page that when the user maximizes the screen size or is using a different sized screen the web pages components would stay consistently in one spot. We did a basic page when i was in high school and all we used were "div" 's in css sheets and they use a fixed position on a screen. i tried using percentage and not pixels when positioning the "div"'s but im not getting anywhere......could anyone give me advise or a link to a page that explains thanks in advance Similar TutorialsHi, I'm having a few problems viewing a page in Firefox and IE. It works fine in Safari at the moment. Can you point me in the right direction of what to do? I have run the W3C Validator through it and it has come up with a few errors. I would be grateful if you could breifly explain one or two of the errors? Error 1 and 2 for example? I tried altering the code but I could not get the correct result. Thanks in advance Tom http://www.website-test.net/what_new Hello Everyone I've put together my very first forum and i admit, it hasn't been easy. But when going to these validation websites, i'm getting a ton of errors. I've searched and searched but with my inexperience, just can't figure out how to fix these errors. I don't even know the proper files to look in that are producing these errors. If you could help me, it would be a big relief. Thank You My Site - http://www.tbredjkie.co.cc I also get big error when browsing my site with IE8. Sometimes it crashes. http://validator.w3.org/check?uri=ht...este_mennesker I have Validation Errors on my site. I dont know where to start looking for them. Could someone help please? :-D http://validator.w3.org/check?uri=ht...idator%2F1.654 I am a total noob so I will need quite a bit of help trying to correct the problems. The site was built with wordpress. I know how to use the basics of dreamweaver and crimson Editor if that helps. TIA Paul Alright, I'm really confused now. I'm getting some pretty strange errors when validating my page. If you want to look at actual ...the address is http://www.getthegirl101.com in case you want to see the validation yourself. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> Since when is element<meta> not allowed here? Since when is style element not allowed here? <style type="text/css"> Since when is body not allowed here? </style> </head> <body> </body> </html> Dynamicdrive.com is where I got my li'l css menu and they recommended using this doctype. What doctype should I try instead because this one is definitely not working?! I've got 2 pages with in total 8 errors I can't get them fixed. Could someone please help me? first page: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.don.alaerts-work.be%2Faccount.php%3Fuser%3Dlisa&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1 &group=0&verbose=1&user-agent=W3C_Validator%2F1.2#line-81 and second page: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.don.alaerts-work.be%2Freageer.php%3Fuser%3Ddon%26id%3D40&charset=%28detect+automatically%29&doctype=Inline&ss=1& outline=1&group=0&verbose=1&user-agent=W3C_Validator%2F1.2 I've tried everything. All my other pages are valid except those 2. Kind regards & thanks in advantage, Hello everyone, I'm new here and need a little help. I'm getting two errors on my validate and was hoping someone can see something I'm not seeing. I'm new to xhtml/html so any help I would be very grateful. Here are the two errors Code: Error Line 209, Column 33: document type does not allow element "ul" here; assuming missing "li" start-tag <ul class="children"> ✉ Error Line 248, Column 15: end tag for "li" omitted, but OMITTAG NO was specified </ol><!-- /end msgs-list --> ✉ You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". Info Line 209, Column 13: start tag was here <ul class="children"> and here is the code HTML Code: <ol class="msgs-list"> <li> <div class="msg-entry"> <div class="author"> <p><a href="#">Author Name</a></p> <p>Posted: 01-01-11<span class="sep">12:41</span></p> </div> <div class="msg-body"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> </li> <ul class="children"> (LINE 209) <li> <div class="msg-entry"> <div class="author"> <p><a href="#">Author Name</a></p> <p>Posted: 01-01-11<span class="sep">12:41</span></p> </div> <div class="msg-body"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> </li> </ul> <ul class="children"> <li> <div class="msg-entry"> <div class="author"> <p><a href="#">Author Name</a></p> <p>Posted: 01-01-11<span class="sep">12:41</span></p> </div> <div class="msg-body"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> </li> </ul> <ul class="children"> <li> <div class="msg-entry"> <div class="author"> <p><a href="#">Author Name</a></p> <p>Posted: 01-01-11<span class="sep">12:41</span></p> </div> <div class="msg-body"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> </li> </ul> </ol><!-- /end msgs-list -->(LINE 248) Many thanks When I load my website, in the down left corner I got a message of Done, but with errors when checking the errors i get this descriptuion Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET4.0C; .NET4.0E) Timestamp: Wed, 4 May 2011 12:59:43 UTC Message: 'null' is null or not an object Line: 29 Char: 1474 Code: 0 URI: http://maps.gstatic.com/intl/en_us/m...3/4/12/main.js what's the problem? hi friends I am looking for an online tool which will list all the class name that are referenced in a web page and aren't defined in a CSS. for eg: <div class="button"> but classname "button" is not defined anywhere in stylesheet. please suggest me any tool which can help me. thanks to all for ur time and effort. Hello again everyone: Thanks to those that help with advice regarding my drop-down box issue earlier. I'm posting this thread now because I have a couple different errors occuring on pages, and was wondering if anybody could help me to clear them up. Here are the error descriptions below: Line: 2 Char: 1 Error: Syntax error Code: 0 URL: main index page!!! (this error popped up upon loading site) Line: 12 Char: 81 Error: 'top.d.getElementById(...)' is null or not an object Code: 0 URL: main index page!!! (this error popped up upon loading site) Line: 37 Char: 1 Error: 'top.w.frames.0.length' is null or not an object Code: 0 URL: main index page!!! (this error popped up upon clicking enter link) My "main index page" is of course the very first page people see. This page is simply just a disclaimer statement, followed by a link to direct the visitor to the next page, or "home" page. When I mention "enter link" above, I am referring to this only link on the page...any ideas from anyone on how to get to the bottom of this one? Thanks... Hi, On IE I find 2 errors on a site I'm working on, not sure what to make of it? www.concilium.co.za/cms Can anyone give advice please? I am having one of those 'senior moments' again. please could someone take a look at http://www.telfordsteamrailway.co.uk...ers/exams.html I have used both W3C and Page Valet and both give 4 errors - 2 of them - width and height - yeah OK I need to do a bit more with the CSS. But the other 2 error have me baffled Quote: Line 59, Column 66: there is no attribute "name" . …/newstructure/members/exams.php" method="get" name="searchForm"> This is in a <form - there are 6 forms on this page, all with the same construct, but this is the only one that fails - it is also the only one with "get". I know'name' is deprecated on xhtml strict - but why is this th only one to fall over (i wii be adding 'id' - but like to hav e 'id' and 'name') Quote: Line 67, Column 45: there is no attribute "onClick" . …type="button" value="Search" onClick='submitActForm(document.searchForm, This is in an <input type="button" . There are 10 of these all with onClick - but this is the only one that fails - should that be 'onclick'? = but why is this the only one to fail? DUHH - I'm feeling a little thick this morning Advice appreciated Can someone help me with my validation errors , it be drivingme up the head. line 25 column 17 - Warning: <td> proprietary attribute "background" line 71 column 3 - Warning: missing </table> line 331 column 15 - Warning: <tr> proprietary attribute "height" Any help would be appericated from birch. Hey, I just ran my index page through W3C validation and i have a few errors which I'm not sure how to fix. If anyone can help out that would be appreciated. I have a form: HTML Code: <div id="newsletter"> <p>Sign up for our newsletter</p> <form action="http://somesite.com" method="post"> First name: <br /><input type="text" name="firstname" /> <br /> E-mail: <br /><input type="text" name="email" /> </form> </div> But w3c validator doesn't like any of the <br /> tags: Quote: document type does not allow element "br" here; I have placed <p> tags there instead, and i get no errors in the validator, but my inputs are too spaced apart. With the title before my form "First name" and "E-mail". w3c highlights the first letter in red saying: Quote: character data is not allowed here. How can i fix this? And last one. I have one image on my page I'm validating: Code: <img src="images/coffee_bar.jpg" alt="coffee bar" class="image" align="right"/> Validator: Quote: there is no attribute "align" Is there another way to write this?? Thanks for any help!! Dear guru, There have been some errors on my website www.mrdefinite.com but I just couldn't figure out where they come from. I have provided the error alerts as shown below. Can anyone please help me out? Your help is very much appreciated. Thanks! Best regards, Kenneth Lee Seem 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. Hello, on my page i am having 3 problems at the moment. >>The first, is that in firefox my page is centered, and in IE it is not. >>The second, is that my navigation bar (in a table) seems to be putting a pixel in between my image links, EVEN THOUGH i have specified border="0" and border:0 in my css and my html. >>The third, is that 4 images arent showing up (on test.html), but i can click on the area where they SHOULD be showing up, and use them as invisible links. I want the images to show up. I must also specify that i am working to make it look perfect in FIREFOX, but if you could suggest anything that would improve it visually in IE too, that would be a bonus. Thanks in advance if you can help me! I've included a zip of the files rather than pasting all the code. Thanks again. Hey guys if you will take a look at my site i'm building http://www.atlanta-web.com I"m having funky issues with the layout in IE 7 haven't looked in 6. Please advise. I'm not sure what these errors mean. I am using HTML 4.01 Strict! Errors highlighted in red. 1) Line 8, Column 77: NET-enabling start-tag requires SHORTTAG YES. js/ddaccordion.js" type=text / javascript></script> The sequence <FOO /> can be interpreted in at least two different ways, depending on the DOCTYPE of the document. For HTML 4.01 Strict, the '/' terminates the tag <FOO (with an implied '>'). However, since many browsers don't interpret it this way, even in the presence of an HTML 4.01 Strict DOCTYPE, it is best to avoid it completely in pure HTML documents and reserve its use solely for those written in XHTML. 2) Line 2, Column 12: there is no attribute "XMLNS". <html xmlns= " http://www.w3.org/1999/xhtml" xml:lang="en"> You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).... 3) Line 2, Column 52: there is no attribute "XML:LANG". <html xmlns="http://www.w3.org/1999/xhtml" xml:lang= " en"> You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).... |