Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 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
    New Coder
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    47
    Thanks
    1
    Thanked 3 Times in 3 Posts
    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.”

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,724
    Thanks
    6
    Thanked 1,013 Times in 986 Posts
    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.

  • #4
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks everyone!


  •  

    Posting Permissions

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