...

View Full Version : CSS Validator 4 Errors - Please Help!



camram
09-05-2011, 04:16 AM
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...



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;
}

Asher01
09-05-2011, 01:14 PM
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.

VIPStephan
09-05-2011, 01:57 PM
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.

camram
09-07-2011, 04:35 AM
Thanks everyone!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum