The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help with Validation (Parse Errors), My CSS is returning 'Parse Errors [empty string]' -- help?
Deflect
post Apr 21 2011, 12:29 AM
Post #1





Group: Members
Posts: 4
Joined: 4-April 11
Member No.: 14,271



I'm experimenting with CSS3, and for some reason, it keeps returning 'Parse Error [empty string].

I suspected it might be because I used proprietary tags frequently, but I tried commenting them out, and it still didn't validate.

Below is my CSS -- I commented all the proprietary tags out.





body {
/* Body is for the entire screen. */
display:block;
font-size:100%;
background-color:#fff;
background-image: url(graphics/placeholder.jpg);
background-repeat: repeat;
background-attachment:fixed;
}

#boundary {
/* Boundary lies in body, defines the edges of where
everything may lie in */
display:block;
position:relative;
overflow:hidden;
z-index:2;

width:45em;
margin-left:auto;
margin-right:auto;
margin-top:3em;
margin-bottom:3em;

border: 0.15em solid #aaa;

/* Code for rounded corners */
/* Currently no support for IE < 9 */
border-radius: 1em;
/*-moz-border-radius: 1em;*/
/* End of code for rounded corners */

padding:1em;
}

.opaque {
position:absolute;
z-index:1;

left:0;
top:0;
width:100%;
height:999em; /* For IE6 (Add 'oveflow:hidden' to parent) */
background: #fff;
/*-ms-filler:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity:0.75;*/
opacity:0.75;

/* Code for rounded corners */
/* Currently no support for IE < 9 */
border-radius: 1em;
/*-moz-border-radius: 1em;*/
/* End of code for rounded corners */
}


#content {
/* Placed inside 'Boundary', everything falls under here. */
position:relative;
z-index:3;

font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif;
}

.copyright {
font-size:0.8em
}

a {
color:#005a9f;
text-decoration:underline;
}

a:visited{
color:#f2234d;
}


#nav {
display:block;
position:absolute;
z-index:5;

position:fixed;
top:0;
left:50%;
width:42em;
height:2em;
margin:0;
margin-left: -21em;
padding:0;
}

#nav ul {
margin:0;
padding:0;
height:100%;
}

#nav ul li {
display:inline;
float:left;
list-style-type:none;
width:6em;
height:1.5em;
text-align:center;
}

#nav ul li a {
display:block;
height:1.6em;
width:auto;

background-color:#228B22;
color:#fff;

font-size:1.1em;
text-decoration:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top:0.2em;
margin-left: 0.15em;
margin-right: 0.15em;

/* Code for transparency */
/*-ms-filler:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity:0.9;*/
opacity:0.9;
/* End code for transparency */

/* Code for rounded corners */
/* Currently no support for IE < 9 */
/*border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
-moz-border-radius-bottomleft: 0.5em;
-moz-border-radius-bottomright: 0.5em;*/
/* End of code for rounded corners */
}

#nav ul li a:hover {
background-color:#44ad44;
}



#header {
display:block;
background-color: #fff;

width:auto;
/* Add a nice graphic for a background.
However, the actual text cannot be part
of the picture. Otherwise, our search
engine ranking suffers. */
border:0.25em solid #000;
margin-top:0;
margin-bottom:1em;
padding-left:2em;

/* Code for rounded corners */
/* Currently no support for IE < 9 */
border-radius: 0.5em;
/*-moz-border-radius: 0.5em;*/
/* End of code for rounded corners */
}

#header h1 {
/* Note: Use h1 only once - at the top of the page. */
font-family:Impact, "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}


.slideshow {
display:block;
position:relative;
z-index:4;

background-color:#fa3;

height:14em;
width:auto;

margin:0;
margin-bottom:1em;

padding-left:1em;

border:0.2em solid #000;

/* Transparency */
/*-ms-filler:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;*/
opacity:0.8;
}


#sidebar {
display:block;
z-index:4;
position:relative;
float:left;
width:14em;
margin:0;
margin-right:1em;
margin-bottom:1em;
padding:0;
}

#sidebar .block {
position:relative;
width:auto;
padding:0;
padding-top:0.25em;
margin-bottom:0.25em;
border-bottom:0.3em solid #228B22;
}

#sidebar .block:first-child {
border-top:0.3em solid #228B22;
}

#sidebar .block h2 {
margin:0;
margin-bottom:0.25em;
padding:0;
font-size:1.6em;
}

#sidebar .block img {
position:relative;
width:13.5em; /* Forces the picture to resize to fit */
height:auto;
margin:0.25em;
margin-top:0;
}

#sidebar .block p {
margin:0;
margin-left:0.25em;
margin-bottom:0.5em;
padding:0;
}

#sidebar .block ul {
list-style-type:circle;
padding-left:1em;
margin:0;
margin-left:0.25em;
margin-bottom:0.5em;
}


#blogroll {
position:relative;
z-index:4;

display:block;
float:left;
width:30em;
margin:0;
padding:0;

/* Transparency */
/*-ms-filler:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;*/
opacity:0.8;
}


.article {
display:block;
background-color:#6fe6a4;
border:0.15em solid #3cb371;
border-top:0.3em solid #3cb371;
border-bottom:0.3em solid #3cb371;
margin:0;
margin-top:0;
margin-bottom:1em;
padding:0.5em;

/* Rounded corners (No IE support < 9) */
border-radius: 0.5em 0em 0.5em 0em;
/*-moz-border-radius: 0.5em 0em 0.5em 0em;*/
}

.article .head {
display:block;
margin:0;
padding:0.5em;
border-bottom:0.1em solid #888;
}

.article p {
text-indent:1.5em;
}

.article a {
color:#00009f;
}

.prettylink {
display:block;
position:relative;
/*background-color:#3ed5d1;*/

background-color:#fc5;

height:auto;

border:0.15em solid #c80;
border-top:0.3em solid #c80;
border-bottom:0.3em solid #c80;
margin:0;
margin-top:0;
margin-bottom:1em;
padding:1em;

/* Rounded corners (No IE support < 9) */
border-radius: 0.5em 0em 0.5em 0em;
/*-moz-border-radius: 0.5em 0em 0.5em 0em;*/

font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
text-decoration: none;
}

.prettylink:hover {
background-color:#fe7;
}

.prettylink p, .prettylink h2, .prettylink h3,
.prettylink h4, .prettylink h5, .prettylinkh6 {
font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size:1.5em;
margin:0;
padding:0;
font-weight:bold;
color:#000;
}


#footer {
display:block;
position:relative;
z-index:4;

margin:0;
margin-top:0.5em;
clear:both;
width:auto;
border-top:0.25em solid #000;
border-bottom:0.25em solid #000;
padding:1em;
padding-left:2em;
}

#footer p {
margin:0;
padding:0;
}

This post has been edited by Deflect: Apr 21 2011, 12:31 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Apr 21 2011, 02:22 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 4,125
Joined: 23-August 06
From: Europe
Member No.: 9



Apparently, the border-radius throwing a Parse Error [empty string] is a bug in the W3C CSS validator. See http://www.w3.org/Bugs/Public/show_bug.cgi?id=11975 .

The validator will not validate vendor prefixes either as they are not part of the CSS Specification.


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th April 2014 - 05:26 PM