SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: css validation

  1. #1
    SitePoint Zealot bo diddly's Avatar
    Join Date
    Nov 2002
    Location
    uk - worcester
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    css validation

    Hi,

    I am having problems getting my style sheet validated. The validation result is:
    Code:
     
    • Line: 0 Context : div#wrap Parse Error - right;
    • Line: 0 Context : div#wrap Parse error - Unrecognized : 0;
    • Line: 0 Context : z-index Parse Error - z-index: 10;
    • Line: 0 Context : z-index Parse error - Unrecognized : }
    • Line: 0 Context : .accessside Property backgound-color doesn't exist : #d8e1f2
    • Line: 0 Context : input Invalid number : cursorhand is not a cursor value : hand
    Valid CSS information
    • body img {
      • display : block;
      }
    • img {
      • display : none;
      • border : 0 none inherit;
      • float : left;
      }
    • body {
      • background : #ffffff url(images/eye_faded_dkblue.jpg) no-repeat scroll 0% 0%;
      • margin : 0;
      • padding : 0;
      • font : 12px/1.5 Verdana, Arial, sans-serif;
      }
    • .indexside {
      • background : #d8eafe url(images/sidebar_rust.gif) repeat-y 0% 0%;
      }
    • .contentside {
      • background-image : url(images/sidebar_content.gif);
      • background-color : #cccccc;
      • background-repeat : repeat-y;
      • background-position : 0% 0%;
      }
    • .commerceside {
      • background : #f5d6a5 url(images/sidebar_security.gif) repeat-y 0% 0%;
      }
    • .commerceside {
      • background-color : #f5d6a5;
      }
    • .accessside {
      • background-image : url(images/sidebar_access.gif);
      • background-repeat : repeat-y;
      • background-position : 0% 0%;
      • background-color : #d8e1f2;
      }
    • .dataside {
      • background-color : #cde4cf;
      • background-image : url(images/sidebar_lines.gif);
      • background-repeat : repeat-y;
      • background-position : 0% 0%;
      }
    • .securityside {
      • background-image : url(images/sidebar_security.gif);
      • background-repeat : repeat-y;
      • background-position : 0% 0%;
      • background-color : #f5d6a5;
      }
    • .dezignside {
      • background-image : url(images/sidebar_security.gif);
      • background-repeat : repeat-y;
      • background-position : 0% 0%;
      • background-color : #ffffff;
      }
    • .contactside {
      • background-image : url(images/sidebar_security.gif);
      • background-repeat : repeat-y;
      • background-position : 0% 0%;
      • background-color : #ecd8d8;
      }
    • div#wrap img.curve {
      • float : left;
      • clear : left;
      • margin : 0 15px 0 0;
      • padding : 0;
      • height : 20px;
      }
    • h1 {
      • border-bottom : 2px solid rgb(45.0,35.0,35.0);
      • margin : 0;
      • padding : 0.125em;
      • text-align : right;
      • text-transform : lowercase;
      • font-style : italic;
      • letter-spacing : 0.25em;
      • font-size : 200%;
      • line-height : 1.35em;
      • color : #ffffff;
      }
    • h1.contentfill {
      • background-color : #666666;
      }
    • h1.datafill {
      • background-color : #cccc99;
      }
    • h1.indexfill {
      • background-color : #0099cc;
      }
    • h1.commercefill {
      • background-color : #bc7235;
      }
    • h1.securefill {
      • background-color : #cc9966;
      }
    • h1.accessfill {
      • background-color : #6e91b8;
      }
    • h1.dezignfill {
      • background-color : #000000;
      }
    • h1.contactfill {
      • background-color : #d0a8a9;
      }
    • h2 {
      • font-size : 115%;
      • margin : 0;
      • padding-left : 58px;
      • padding-top : 10px;
      }
    • p {
      • font-size : 1em;
      }
    • h3 , p {
      • margin : 1em 45px 1em 56px;
      • padding-left : 15px;
      }
    • h3 {
      • background : #333333 url(images/two_eyes.jpg) no-repeat fixed 100% 50%;
      • font-size : 125%;
      • margin-right : 0;
      • border-top-width : 1px;
      • border-right-width : 1px;
      • border-bottom-width : 1px;
      • margin-left : 53px;
      • border-top-style : solid;
      • border-right-style : solid;
      • border-bottom-style : solid;
      • border-top-color : #000000;
      • border-right-color : #000000;
      • border-bottom-color : #000000;
      • color : #ffffff;
      }
    • img#rs {
      • position : absolute;
      • z-index : 10;
      • top : 550px;
      • left : 147px;
      • border : 1px solid black;
      }
    • div#menu b {
      • display : none;
      }
    • div#menu {
      • position : absolute;
      • display : block;
      • z-index : 12;
      • width : 8em;
      • top : 200px;
      • margin-left : -4.1em;
      • padding : 0 0 0;
      • border-right : 2px solid black;
      • left : -4px;
      • color : #333333;
      • background-attachment : fixed;
      • background-image : url(images/woman_laptop.jpg);
      • background-repeat : no-repeat;
      • background-position : 50% 100%;
      • visibility : visible;
      • border-top : 3px double black;
      • border-bottom : 3px double black;
      • border-left : 3px double black;
      • height : 134px;
      • font-family : "Times New Roman", Times, serif;
      • font-size : 110%;
      • font-variant : small-caps;
      • font-style : normal;
      • font-weight : 500;
      }
    • div#menu a {
      • display : block;
      • color : black;
      • margin : 0;
      • padding : 0 2px;
      • text-align : center;
      • font-style : italic;
      • font-weight : bold;
      • text-decoration : none;
      }
    • div#menu a:hover {
      • color : white;
      • background-color : navy;
      }
    • .nolink {
      • font-size : 125%;
      • font-style : normal;
      • line-height : normal;
      • margin : 0;
      • padding : 0 0 5px 5px;
      • font-weight : bold;
      • font-variant : small-caps;
      • color : #99cccc;
      • text-decoration : none;
      • font-family : Arial, Helvetica, sans-serif;
      • background-color : #333333;
      • text-align : center;
      }
    • #footer {
      • clear : both;
      • color : #000;
      • background-color : #ccffff;
      • text-align : right;
      }
    • .imgtab {
      • position : absolute;
      • z-index : 4;
      • top : 61px;
      • right : 65px;
      • background-color : #ffffff;
      }
    • a:link {
      • color : #336666;
      • text-decoration : underline;
      }
    • a:visited {
      • color : #ff9900;
      • text-decoration : none;
      }
    • a:hover {
      • text-decoration : none;
      • background-color : #ffffff;
      }
    • .smaller {
      • font-size : 50%;
      }
    • .nobg {
      • background-color : #ccccff;
      }
    • ol {
      • padding-left : 25px;
      • list-style : none;
      }
    • li p {
      • padding-right : 10px;
      }
    • ul {
      • padding-left : 75px;
      • list-style : none;
      }
    • ul li {
      • padding-left : 5px;
      • list-style : circle;
      }
    • ul li a:link {
      • text-decoration : none;
      • border-bottom-width : 1px;
      • border-bottom-style : dashed;
      • border-bottom-color : #cc6600;
      }
    • ul li a:hover {
      • background-color : #cc6600;
      • color : white;
      }
    • .imglink:hover {
      • background-color : transparent;
      • left : 40px;
      }
    • .totop a {
      • font-size : 75%;
      • color : #ff9966;
      • text-decoration : underline;
      • left : 10px;
      }
    • .totop a:hover {
      • font-size : 75%;
      • color : #ffffff;
      • text-decoration : overline;
      • left : 10px;
      • background-color : #ff6633;
      }
    • p.top {
      • text-align : right;
      }
    • form {
      • background-color : #ffffcc;
      • margin-right : auto;
      • margin-left : auto;
      • width : 350px;
      • padding : 10px;
      • border : 2px dashed #666666;
      }
    • form:hover {
      • background-color : navy;
      }
    • label {
      • color : #9966cc;
      • font-size : 120%;
      • font-variant : small-caps;
      • text-transform : capitalize;
      • float : left;
      • clear : both;
      • padding-top : 3px;
      • padding-bottom : 3px;
      }
    • input {
      • background-color : transparent;
      • float : right;
      • clear : both;
      • padding-top : 3px;
      • padding-bottom : 3px;
      • margin-top : 3px;
      • margin-bottom : 3px;
      • height : 15px;
      }
    • .radio {
      • position : relative;
      • border : 0 none inherit;
      • background-color : transparent;
      • margin-right : 25px;
      • padding-bottom : 8px;
      }
    • .button {
      • clear : both;
      • float : left;
      • background-color : #669966;
      • padding : 2px;
      • height : 25px;
      • color : white;
      • font-weight : bold;
      }
    • .clear {
      • float : right;
      • clear : both;
      • background-color : transparent;
      • padding : 2px;
      • height : 25px;
      }
    • fieldset {
      • padding-top : 5px;
      }
    • .bullet {
      • list-style-type : lower-roman;
      • padding-left : 10px;
      • margin-left : 20px;
      }

    Apart from the fact it doesn't specify any line numbers so i can't reference exactly where the errors are within the stylesheet, i can't see what ia am doing wrong.

    Any ideas please?

    thanks, Bo
    You're not drunk if you can lie on the floor without holding on

    www.idezign.me.uk
    www.theonlinediary.com

  2. #2
    Rabble Rouser bronze trophy
    Join Date
    Jan 2003
    Location
    Mountain View, CA
    Posts
    427
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Could you post a link to the stylesheet?

  3. #3
    SitePoint Zealot bo diddly's Avatar
    Join Date
    Nov 2002
    Location
    uk - worcester
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You're not drunk if you can lie on the floor without holding on

    www.idezign.me.uk
    www.theonlinediary.com

  4. #4
    SitePoint Zealot bo diddly's Avatar
    Join Date
    Nov 2002
    Location
    uk - worcester
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    All sorted, it now validates
    You're not drunk if you can lie on the floor without holding on

    www.idezign.me.uk
    www.theonlinediary.com


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
  •