SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Wizard
    Join Date
    Oct 2005
    Location
    London
    Posts
    1,678
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    stupid validator!

    Hi there,

    apologies this is my second post in this forum today, but im dead keen to get this css finished and validated before i sleep.

    My code kinda validates, it says there are no warnings or errors but doesnt give me a congrats message. It gives me this instead:

    To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.

    what does this mean. I am using valid html!!!!!!

    Ive heard that using the local css upload method can cause problems.
    Im using the local css file option because the cut and paste doesnt work ( i paste it in press submit and nothing happens or it says there no data here)

    I cant use the url bit because i dont have one at the mo to upload to. Is there a site anywhere that you can just upload your site to temporarily. You know a bit like imageshack.com but for websites?

    Heres my code:

    any suggestions would be greatly appreciated

    Code:
    body {
    text-align : center; 
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    } 
    #page {
    margin : 10px auto; 
    text-align : left; 
    width : 760px; 
    color : #4c4c4c; 
    background-color : #fff; 
    } 
    #header {
    top : 3px; 
    left : 0; 
    background : url(street.jpg); 
    } 
    #topnav {
    position : relative; 
    top : 1px; 
    background-color : #d3c1b1; 
    color : #fff; 
    margin-top : 7px; 
    width : 100%; 
    padding-left : 4px; 
    padding-bottom : 8px; 
    padding-top : 2px; 
    } 
    #topnav a:link, a:visited {
    padding : 5px 15px 9px; 
    text-decoration : none; 
    margin-left : -4px; 
    font-size : 10px; 
    } 
    #home_page a#home, #about_page a#about, #work_page a#work, #contact_page a#contact, #links_page a#links, #portfolio_page a#portfolio, #links1_page a#links1 {
    background-image : url(3.gif); 
    text-decoration : none; 
    font-size : 10px; 
    font-weight : bold; 
    } 
    #topnav a:hover {
    background : url(3.gif); 
    padding : 5px 15px 9px; 
    } 
    #leftcontainer {
    float : left; 
    margin-top : 6px; 
    width : 175px; 
    } 
    #rightmove {
    margin-top : 1px; 
    } 
    #rightmove a {
    margin : 0; 
    padding : 0; 
    } 
    #left1 {
    background-color : #b1c3d3; 
    color : #fff; 
    margin-top : 2px; 
    font-size : 13px; 
    padding : 5px; 
    } 
    #left2 {
    background-color : #6287a7; 
    color : #fff; 
    padding : 0; 
    font-size : 10px; 
    width : 100%; 
    margin-left : 0; 
    margin-top : 2px; 
    line-height : 23px; 
    font-weight : normal; 
    height : 467px; 
    } 
    #left2 p {
    color : #fff; 
    background-color : #6287a7; 
    } 
    #maincontainer {
    margin-left : 182px; 
    width : 578px; 
    } 
    #topbox {
    margin-top : 5px; 
    border : 2px solid #c5ac9a; 
    padding-top : 15px; 
    width : 100%; 
    } 
    h1 {
    margin-top : 0; 
    position : relative; 
    font-size : 9px; 
    width : 182px; 
    height : 19px; 
    } 
    h1 span {
    background : url(mainbackground.gif) no-repeat; 
    position : absolute; 
    left : 0; 
    top : 0; 
    width : 182px; 
    height : 19px; 
    z-index : 1; 
    } 
    #topbox p {
    line-height : 17px; 
    } 
    #topboxnext {
    position : relative; 
    top : -5px; 
    width : 100%; 
    background-position : 0 0; 
    margin-right : 100px; 
    } 
    p.next {
    padding-bottom : 1px; 
    } 
    #imagekey {
    float : right; 
    background : url(key_istock.jpg) no-repeat; 
    padding : 0; 
    margin-top : 20px; 
    margin-right : -10px; 
    z-index : 1; 
    } 
    #leftfloat {
    margin-top : 5px; 
    float : left; 
    width : 49%; 
    } 
    #leftboxtop {
    position : relative; 
    border : 2px solid #c5ac9a; 
    padding-top : 16px; 
    width : 97%; 
    padding-bottom : 3px; 
    height : 150px; 
    background : url(content1background.gif) no-repeat; 
    background-position : 134px 0; 
    padding-right : 5px; 
    z-index : 1; 
    text-align : right; 
    margin-right : 5px; 
    } 
    #leftbox2 {
    margin-top : 5px; 
    margin-left : 0; 
    position : relative; 
    border : 2px solid #8d0415; 
    background : url(content3background.gif) no-repeat; 
    padding-top : 20px; 
    width : 99%; 
    height : 226px; 
    } 
    #coins {
    float : left; 
    background : url(coins.jpg) no-repeat; 
    margin-top : -9px; 
    margin-right : 0; 
    z-index : 2; 
    } 
    #rightmain {
    margin-left : 290px; 
    margin-top : 5px; 
    width : 49%; 
    height : 430px; 
    background : #75a762 url(content2background.gif) no-repeat; 
    color : #fff; 
    background-position : 0 0; 
    padding : 0; 
    clear : none; 
    } 
    #rightmain p {
    color : #fff; 
    background-color : #75a762; 
    line-height : 17px; 
    } 
    #addresses {
    background-color : #6287a7; 
    color : white; 
    padding : 0; 
    font-size : 10px; 
    width : 100%; 
    margin-left : 0; 
    margin-top : 2px; 
    line-height : 23px; 
    font-weight : normal; 
    height : 620px; 
    } 
    #form {
    margin-left : 0; 
    background-color : #f7f7f7; 
    color : #4c4c4c; 
    width : 98%; 
    padding : 5px; 
    margin-top : 10px; 
    } 
    #form dd {
    margin-left : 4px; 
    padding : 0 0 6px; 
    font-size : 20%; 
    line-height : 1px; 
    } 
    #form p {
    font-size : 11px; 
    padding-bottom : 4px; 
    font-weight : normal; 
    } 
    #form em {
    color : #f09d0d; 
    background-color : #f7f7f7; 
    } 
    #footer {
    border-top : 1px solid #267701; 
    margin-top : 9px; 
    margin-left : 1px; 
    width : 100%; 
    } 
    #footer a {
    font-size : 11px; 
    text-decoration : none; 
    } 
    #footer a:hover {
    font-size : 11px; 
    text-decoration : underline; 
    } 
    p {
    margin : 0; 
    padding-left : 9px; 
    padding-right : 6px; 
    padding-top : 5px; 
    font-size : 12px; 
    } 
    p.italic {
    font-style : italic; 
    font-size : 12px; 
    } 
    a {
    color : #fff; 
    background-color : #d3c1b1; 
    } 
    h3 {
    padding-top : 0; 
    margin : 0; 
    font-weight : normal; 
    } 
    li {
    font-size : 12px; 
    color : #6287a7; 
    background-color : #fff; 
    line-height : 17px; 
    font-weight : bold; 
    }

  2. #2
    d^_^b Iain G's Avatar
    Join Date
    Nov 2005
    Location
    Gloucester, UK
    Posts
    262
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No, seriously, that's it. Your code is valid. The message is simply stating that all you need now is a validly marked up page to go with it and Robert's your mother's brother.
    Coding and design philosophy:
    Keep It Simple, Stoopid

  3. #3
    SitePoint Wizard
    Join Date
    Oct 2005
    Location
    London
    Posts
    1,678
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi there,

    Thanks for checking the code...

    why, then, when ive looked at others css anc checked it for validity they all get a nice congrats and a bit of code telling them how to put the w3 icon and link to w3?

    This is for a client- i need them to be able to clearly see its valid markup

  4. #4
    d^_^b Iain G's Avatar
    Join Date
    Nov 2005
    Location
    Gloucester, UK
    Posts
    262
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You only get the congratulations message if you're validating CSS on the web because I'm guessing it can check the context it's used in. When you upload just the raw CSS the validator can only take it at face value.
    Coding and design philosophy:
    Keep It Simple, Stoopid

  5. #5
    SitePoint Wizard
    Join Date
    Oct 2005
    Location
    London
    Posts
    1,678
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh right got you.

    thanks

  6. #6
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,239
    Mentioned
    239 Post(s)
    Tagged
    1 Thread(s)
    Anyway, remember that validators are not perfect, and they do have errors as well, so while you do need to worry that your code validates, don't go crazy about it if you do not find what's going wrong in the next 5 minutes... because maybe, nothing is wrong

    (or maybe you need a little bit of rest and will see it tomorrow...)

  7. #7
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by molona
    Anyway, remember that validators are not perfect, and they do have errors as well, so while you do need to worry that your code validates, don't go crazy about it if you do not find what's going wrong in the next 5 minutes... because maybe, nothing is wrong
    If you think you've found a bug in a validator, then look it up in the spec how it really should work, then go to the validator's bug system to see whether the bug has been reported already. If not, reproduce the bug with a minimal test case and report the bug.
    Simon Pieters


Bookmarks

Posting Permissions

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