Web Analytics Made Easy -
StatCounter CSS Validator 4 Errors - Please Help! - CodingForum

Announcement

Collapse
No announcement yet.

CSS Validator 4 Errors - Please Help!

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS Validator 4 Errors - Please Help!

    Here are the errors...

    233 .tabmenu li.menu-item Property border-bottom-left-radius doesn't exist in CSS level 2.1 but exists in : 3px 3px
    234 .tabmenu li.menu-item Property border-bottom-right-radius doesn't exist in CSS level 2.1 but exists in : 3px 3px
    275 h2.widgettitle Property border-radius doesn't exist in CSS level 2.1 but exists in : 4px 4px
    363 .wp-caption Property border-radius doesn't exist in CSS level 2.1 but exists in : 3px 3px

    Here is the code...

    Code:
    body, td, th {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    color : #fff;
    line-height : 21px;
    }
    body {
    background-color : #333;
    }
    a:link, a:visited {
    text-decoration : none;
    font-weight : bold;
    color : #f3f3f3;
    }
    a:hover, a:active {
    text-decoration : none;
    font-weight : bold;
    color : #666633;
    }
    table, td, th {
    border : 1px solid #666;
    vertical-align : top;
    padding : 5px;
    }
    th {
    font-weight : bold;
    text-align : center;
    background-color : #ccc;
    color : #333;
    }
    hr {
    background-color : #666;
    clear : both;
    width : 100%;
    height : 1px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #666;
    border-top-style : none;
    border-right-style : none;
    border-left-style : none;
    margin-top : 15px;
    margin-bottom : 15px;
    display : block;
    }
    .wrapper {
    width : 800px;
    position : relative;
    margin-left : auto;
    margin-right : auto;
    }
    .bullets {
    font-size : 18px;
    margin-bottom : 20px;
    margin-top : 20px;
    color : #666;
    text-align : center;
    width : 100%;
    }
    .content {
    float : left;
    clear : left;
    position : relative;
    width : 600px;
    margin-top : 35px;
    margin-bottom : 20px;
    }
    .navigation {
    clear : both;
    width : 100%;
    display : inline-block;
    margin-bottom : 20px;
    }
    .navigation .alignleft, .navigation .alignright {
    width : 50%;
    }
    .navigation .alignright {
    text-align : right;
    }
    .page_title {
    font-family : Georgia, "Times New Roman", Times, serif;
    font-size : 21px;
    color : #f3f3f3;
    padding : 0;
    margin-top : 0;
    margin-right : 0;
    margin-bottom : 7px;
    margin-left : 0;
    font-style : italic;
    text-transform : lowercase;
    line-height : normal;
    }
    .page_title a {
    font-family : Georgia, "Times New Roman", Times, serif;
    font-size : 21px;
    color : #f3f3f3;
    margin-bottom : 10px;
    }
    .post {
    width : 100%;
    clear : both;
    }
    .postmetadata {
    font-style : italic;
    }
    small, .commentmetadata {
    text-transform : uppercase;
    color : #666;
    font-size : 11px;
    margin-bottom : 5px;
    }
    ul.sidebar {
    float : right;
    width : 180px;
    margin-left : 10px;
    margin-top : 25px;
    list-style : none;
    margin-left : 0;
    margin-right : 0;
    margin-bottom : 0;
    padding : 0;
    display : block;
    }
    .footer {
    font-size : 11px;
    color : #fff;
    width : 100%;
    text-align : center;
    clear : both;
    position : relative;
    border-top : 1px solid #666;
    padding : 5px;
    margin-bottom : 30px;
    font-family : Georgia, "Times New Roman", serif;
    font-style : italic;
    }
    .aligncenter {
    margin-left : auto;
    margin-right : auto;
    display : block;
    }
    .alignleft {
    float : left;
    }
    .alignright {
    float : right;
    }
    .clear {
    clear : both;
    width : 100%;
    }
    .header {
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #666;
    width : 100%;
    display : inline-block;
    margin : 0;
    padding : 0;
    }
    .tagline {
    font-style : italic;
    font-size : 21px;
    font-family : Georgia, "Times New Roman", serif;
    float : right;
    color : #666;
    text-align : right;
    margin-top : 7px;
    }
    .title {
    font-family : Arial, Georgia, "Times New Roman", Times, serif;
    font-size : 55px;
    font-weight : bold;
    color : #666633;
    position : relative;
    width : 100%;
    line-height : normal;
    text-align : right;
    margin-top : 30px;
    margin-bottom : -10px;
    text-transform : lowercase;
    letter-spacing : -4px;
    }
    .tabmenu {
    float : left;
    position : relative;
    display : inline-block;
    width : 50%;
    }
    .tabmenu ul {
    list-style : none;
    margin : 0;
    padding : 0;
    }
    .tabmenu li.menu-item {
    background-color : #666;
    margin-right : 10px;
    padding : 6px;
    clear : none;
    display : block;
    float : left;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    font-style : normal;
    line-height : normal;
    font-weight : bold;
    font-variant : normal;
    text-decoration : none;
    text-transform : uppercase;
    }
    .tabmenu li.menu-item a:link, .tabmenu li.menu-item a:visited, .tabmenu li.menu-item a:hover, .tabmenu li.menu-item a:active {
    color : #f3f3f3;
    }
    .tabmenu li.menu-item:hover, .tabmenu li.menu-item:active, .tabmenu li.current_page_item {
    background-color : #666633;
    }
    .widget {
    margin-bottom : 20px;
    display : block;
    }
    h2.widgettitle {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    color : #f3f3f3;
    font-weight : bold;
    text-align : right;
    text-transform : uppercase;
    padding-top : 5px;
    padding-right : 8px;
    padding-bottom : 5px;
    padding-left : 5px;
    background-color : #666633;
    line-height : normal;
    }
    li.widget ul li {
    list-style : disc;
    }
    li.widget ul li a:link, li.widget ul li a:visited, li.widget ul li a:hover, li.widget ul li a:active {
    font-weight : normal;
    }
    #wp-calendar {
    width : 100%;
    }
    #wp-calendar caption {
    font-family : Georgia, "Times New Roman", serif;
    font-style : italic;
    text-transform : lowercase;
    font-size : 18px;
    font-weight : bold;
    }
    #wp-calendar td {
    border : 0 none;
    text-align : center;
    padding : 2px;
    }
    #wp-calendar th {
    text-align : center;
    padding : 2px;
    }
    #prev {
    text-align : left;
    }
    #next {
    text-align : right;
    }
    .entry img {
    max-width : 600px;
    }
    img.aligncenter {
    display : block;
    margin-left : auto;
    margin-right : auto;
    }
    img.alignright {
    padding : 4px;
    margin : 0 0 2px 7px;
    display : inline;
    }
    img.alignleft {
    padding : 4px;
    margin : 0 7px 2px 0;
    display : inline;
    }
    a img {
    border : 0 none;
    }
    dd.wp-caption-text {
    font-size : 11px;
    }
    .wp-caption {
    border : 1px solid #ddd;
    text-align : center;
    background-color : #f3f3f3;
    padding-top : 4px;
    margin : 10px;
    max-width : 600px;
    }
    .wp-caption img {
    margin : 0;
    padding : 0;
    border : 0 none;
    max-width : 590px;
    }
    .wp-caption p.wp-caption-text {
    font-size : 11px;
    line-height : 17px;
    padding : 0 4px 5px;
    margin : 0;
    color : #333;
    }
    #gallery {
    margin : auto;
    clear : both;
    position : relative;
    }
    #gallery img {
    border : 2px solid #f3f3f3;
    }
    #gallery .gallery-caption {
    margin-left : 0;
    }
    .attachment-thumbnail {
    border : 3px solid #fff;
    }
    #commentform label {
    display : block;
    width : 65px;
    float : left;
    }
    #commentform .required {
    display : inline-block;
    margin-left : -5px;
    color : #c4513f;
    font-weight : bold;
    }
    .alt {
    background-color : #3d3d3d;
    }
    .avatar {
    float : right;
    margin-left : 5px;
    margin-bottom : 5px;
    }
    .bypostauthor {
    background-color : #222;
    }
    li.comment {
    padding : 3px;
    }
    .says {
    font-style : italic;
    }

  • #2
    It's right, those don't exist in 'CSS level 2.1'

    What it didn't say was they DO exist in 'CSS level 3'

    When you use the validator... click on the "More Options" and select 'Profile: CSS Level 3'

    Then you'll see it's all valid.
    “Opinion is the medium between knowledge and ignorance.”
    “The old believe everything; the middle aged suspect everything: the young know everything.”

    Comment


    • #3
      Just for the records: CSS 3 is not an official standard yet. It’s still in development, kind of a “beta” version, so to speak.
      Stop solving problems you don’t yet have!

      Comment


      • #4
        Thanks everyone!

        Comment

        Working...
        X
        😀
        🥰
        🤢
        😎
        😡
        👍
        👎