www.webdeveloper.com
Results 1 to 10 of 10

Thread: some errors wont correct?

  1. #1
    Join Date
    Mar 2008
    Location
    Da 'Burgh
    Posts
    183

    some errors wont correct?

    this is what i got on my report for my new homepage of my school production projects and it keeps coming back errors? for school i got to build like 3 websites looking professional and i can't quite fix these problems ??

    At the link below type in, "http://www.diberadin.com/dp.htm"

    and it will come up 14 HTML errors, if any one could help me or point me in the right direction i would appreciate it alot!

    URL:
    http://xhtml-css.com/check

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/tr/html4/strict.dtd">
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="description" content="DiBeradin productions =D"/>
    <meta name="keywords" content="Zach, Webpage, Diberadin productions, diberadin, zachary diberadin, webdesign"/>
    <!-- stylesheet below is not being used here -->
    <!-- link rel="stylesheet" type="text/css" href="style.css" media="all" / -->
    <title>DiBeradin Productions</title>
    
    <style type="text/css">
    * {
    margin:0; padding:0;
    }/* <-- Removes ALL margins and ALL padding, from EVERYTHING */
    body {
    background:#d7d7d7 url('http://img293.imageshack.us/img293/3015/dpgreytestsn3.jpg')
    no-repeat fixed center 50%;
    background-color: #868484
    }
    
    html, body, p, th, td, li, dd, dt { 
    font:0.9em Arial, Helvetica, verdana sans-serif;
    }
    
    h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, 'times new roman', sans-serif;
    }
    
    h1 { 
    font-size: 2.0em;
    }
    
    h2 {
     font-size: 1.5em;
     }
     
    h3 { 
    font-size: 1.2em;
    }
    
    h4 { 
    font-size: 1.0em;
    }
    
    h5 { 
    font-size: 0.9em;
    }
    
    h6 { 
    font-size: 0.8em;
    }
    /* Defined default Header sizes*/
    
    a:link, a:visited, a:focus, a:hover, a:active {
    background-color:transparent;
    }/*s.508 Accessibility*/
    
    a:link {
    color: #00f;
    }
    
    a:visited {
    color: #009;
    }
    
    a:focus {
    color: #06f;
    }
    
    a:hover {
    color: #06f;
    }
    
    a:active {
    color: #0cf;
    }
    
    
    #wrapper {
    position:relative; 
    width:974px; 
    margin:20px auto; 
    padding-bottom:10px; 
    background-color:transparent;}
    #header {
    width:974px; 
    height:58px; 
    margin:0 auto; 
    background-image:url('');
    }
    #navHeadText {
    margin:0 0 10px 0; 
    padding-bottom:6px; 
    border-bottom:0px solid black;
    }
    #branding {
    /*color:white;*/ font-size:10px;
    text-align:center; 
    border:1px solid white; 
    height:58px;
    }
    /* "#branding" ensures content for SEARCH ENGINES, 'BOTS and screen readers */
    
    #left {
    width:210px;
    position:absolute; 
    left:550px; top:58px; 
    margin:20px auto;
    }
    #left ul {
    width:210px;
    margin:auto; 
    font-size:1.1em;
    }
    #left li {
    list-style-type:none; 
    text-align:center;
    }
    #content {
    width:450px; 
    padding:25px 20px 25px 0; 
    margin-right:20px; 
    margin-left:60px; 
    border-left:0px solid; 
    background-color:transparent;
    }
    .headerStyle {
    text-align:center; 
    width:760px; 
    margin:10px 0 10px 0
    }
    #ourServices {
    width:500px;
    margin:25px auto;
    }
    #ourServices li {
    text-align:center; 
    list-style-type:none;
    }
    #footer {width:100%; 
    text-align:center; 
    border-top:0px solid black;
    }
    #footer ul {
    margin:6px 0 0 0; 
    height:22px;
    }
    #footer li {
    display:inline; 
    padding: 0 10px 0 10px; 
    border-right:0px solid black; 
    text-align:center;
    }
    </style>
    
    
    
    
    <script language="JavaScript" >
    <!--
    function FP_preloadImgs() {//v1.0
     var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
     for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
    }
    
    function FP_swapImg() {//v1.0
     var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
     n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
     elm.$src=elm.src; elm.src=args[n+1]; } }
    }
    
    function FP_getObjectByID(id,o) {//v1.0
     var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
     else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
     if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
     for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
     f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
     for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
     return null;
    }
    // -->
    </script>
    
    </head>
    
    <body onload="FP_preloadImgs(/*url*/'Buttons/button10B.jpg', /*url*/'Buttons/button10C.jpg', /*url*/'Buttons/button10E.jpg', /*url*/'Buttons/button10F.jpg', /*url*/'Buttons/button111.jpg', /*url*/'Buttons/button112.jpg')">
    <div id="wrapper">
    <div id="header"><center> 
    	</center>
    </div>
    <!-- end #header -->
    <div id="left" style="position: absolute; left: 675px; top: 98px; height: 200px">
    <ul>
    <li>
    <h2 title="Navigation" id="navHeadText"><font color="#FFFFFF">Navigation</font></h3>
    </li>
    
    </ul>
    <p> <Center> <font color="#FFFFFF"><a href="index.htm">
    <img border="0" id="img1" src="Buttons/button10D.jpg" height="20" width="100" alt="Home" fp-style="fp-btn: Braided Column 5; fp-bgcolor: #8E8E8E" fp-title="Home" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'Buttons/button10E.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'Buttons/button10D.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'Buttons/button10F.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'Buttons/button10E.jpg')"></a></font><br>
    <a href="Portfolio.htm">
    <img border="0" id="img2" src="Buttons/button10A.jpg" height="20" width="100" alt="Portfolio" fp-style="fp-btn: Braided Column 5; fp-bgcolor: #8E8E8E" fp-title="Portfolio" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'Buttons/button10B.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'Buttons/button10A.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'Buttons/button10C.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'Buttons/button10B.jpg')"></a><br>
    <img border="0" id="img3" src="Buttons/button110.jpg" height="20" width="100" alt="Button Text" fp-style="fp-btn: Braided Column 5; fp-bgcolor: #8E8E8E" fp-title="Button Text" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button111.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button110.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button112.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button111.jpg')"><br> </Center> </p></div>
    <!-- end #left -->
    
    <div id="content" style="overflow:auto; position: absolute; left: 45px; top:95px; width: 425px; height: 225px">
    <font color="#FFFFFF"><h1>Welcome</h1></g1><br>Welcome, and thanks for visiting DiBeradin Productions. 
    DiBeradin Productions is a amateur web design company based in Pittsburgh, 
    Pennsylvania. We specialize in:<p>-Easy to navigate websites</p>
    <p>-CSS web Designs</p>
    <p>-Strategic thinking</p>
    <p>-One of a king websites</p>
    <p>-Professional logos, and graphics for your website. </font></div>
    
    <!-- end #wrapper -->
    <div id="footer" style="width: 974px; height: 53px">
    
    
    </div>
    <script src="http://www.google-analytics.com/urchin.js" type=
    "text/javascript">
    </script> <script type="text/javascript">
    _uacct = "UA-161924-13";
    urchinTracker();
    </script></div>
    </body>
    </html>
    Last edited by GoverNment; 04-28-2008 at 07:10 AM.

  2. #2
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    <div id="content" style="overflow:auto; position: absolute; left: 45px; top:95px; width: 425px; height: 225px">
    <font color="#FFFFFF"><h1>Welcome</h1></g1><br>Welcome, and thanks for visiting D....
    Not a valid tag.

    Mostly, the 'errors' here are just nesting problems... un-closed "<h2>" followed by unexpected "</h3>", and a few proprietary tags. Screenshot image:
    Attached Images Attached Images

  3. #3
    Join Date
    Mar 2008
    Location
    Da 'Burgh
    Posts
    183
    thanks, when i close the <h1 should it be </h1> or just </h1 ?


    http://validator.w3.org/check?uri=ww...Strict&group=0

    i still cannot figure this stuff out?
    idk, if it's me or im just to tired?

    because, everytime i try to re-correct it makes more errors, im so lost with this,, ugh
    Last edited by GoverNment; 04-28-2008 at 07:39 PM.

  4. #4
    Join Date
    Mar 2008
    Location
    Da 'Burgh
    Posts
    183
    ugh, im currently pulling out all my hair i just can't quite figure these out.

  5. #5
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Go to: http://www.mozilla.com/en-US/firefox/ and get/download/install Firefox.

    Then, while IN Firefox browser, search for the extention "HTML Validator by TIDY". Install (download) that. It self-installs in Firefox. Use it to check your code. It has the ability to correct ALL your validational warnings with *just one click*.

  6. #6
    Join Date
    Mar 2008
    Location
    Da 'Burgh
    Posts
    183
    wow! thanks that will help alot!

  7. #7
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Quote Originally Posted by GoverNment
    wow! thanks that will help alot!
    When one gets good enough with this stuff, one can code in beautiful MS notepad and get it right. But to be unencumbered with poor syntax, validation warnings etc., a helper tool is handy to have.

    Here is the HTML-Validator by TIDY link:
    https://addons.mozilla.org/en-US/fir...idator&cat=all

    Visit this while USING Firefox, click "install now", and watch some magic occur...

  8. #8
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    See your other thread.

  9. #9
    Join Date
    Apr 2008
    Posts
    53

    Use Double quote instead of Single

    Instead of single quote where you declared your font-families :'times new roman',
    Use double quote, this might help as far as this error is concerned. Like:

    '"times new roman'"

  10. #10
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Instead of single quote where you declared your font-families :'times new roman',
    Use double quote, this might help as far as this error is concerned. Like:

    '"times new roman'"
    Shouldn't make any difference. Single-quotes are as valid as double-quotes and vice-versa. Nesting quotes, -probably okay too but complicating needlessly.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles