Solved

Errors when validating CSS

Posted on 2014-03-04
6
260 Views
Last Modified: 2014-03-07
Hi All

I am getting errors when validating my css file with W3c.  I have attached a copy of my error output and css so you can see them.  

Not sure if I should just ignore them or get my web developer to fix.  Maybe if it is a easy fix I can do it?

Cheers

Si
css-vaildate.jpg
stylesv1.css
0
Comment
Question by:cybersi
  • 3
  • 2
6 Comments
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
Comment Utility
It's because you can just use the border-radius now and don't need to add the vendor prefix.  It is fine as is or you can take it out.  This is not something to obsess over.
0
 

Author Comment

by:cybersi
Comment Utility
Hi Scott

Which part can I remove and will it affect the look of my page?

Cheers

Si
0
 
LVL 16

Expert Comment

by:hankknight
Comment Utility
Most of the errors are harmless.  The first 8 errors should be ignored.  Leave that code there for maximum browser compatibility.   The last error (the parse error) is a problem.

You should totally remove this line from your CSS file:
<style type="text/css">
0
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 
LVL 52

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 500 total points
Comment Utility
#nav li ul {
	position: absolute;
	width: 135px;
	left: -999em;
	top: 68px;
	margin:0;
	padding:0;
	list-style-type: none;
	background-color: #0661ec;
	background-color: rgba(6,97,236,0.8) !important;
	border: 1px solid #fff;
	border-top:none;
        /* comment out these 4 lines 
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
        */
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

Open in new window

0
 
LVL 16

Expert Comment

by:hankknight
Comment Utility
If you remove or comment out these lines:

      -webkit-border-bottom-right-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      -moz-border-radius-bottomleft: 3px;

then the CSS will not work on old versions of Firefox or Chrome.  I would leave those lines unchanged.

However, you should totally remove this line from your CSS file:
<style type="text/css">

Open in new window

0
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
Comment Utility
The border radius should work on all browsers except ie8 and lower.  I think even google stopped supporting ie8 in 11/2012.    You no longer need the vendor prefix.  Like I said, it is not worth obsessing over the error if you leave it in.
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now