Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Cascading Style Sheets _ Help with Validation (Parse Errors)

Posted by: Deflect Apr 21 2011, 12:29 AM

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

Posted by: Frederiek Apr 21 2011, 02:22 AM

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.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)