Page 1 of 1

CSS validation fails

PostPosted: Sat Jul 26, 2014 6:26 pm
by Jon Olson
I upgraded to EBMM 4 last week and have encountered the following message when trying to validate the CSS on my website.

295 #mbrfzqebul_table div.gradient_button Value Error : background-image top is not a color value )
301 #mbrfzqebul_table li:hover div.gradient_button, #mbrfzqebul_table li.expanded div.gradient_button, #mbrfzqebul_table li.active div.gradient_button, #mbrfzqebul_table li.itemhot div.gradient_button Value Error : background-image top is not a color value )
313 #mbrfzqebul_table ul li.gradient_menuitem:hover, #mbrfzqebul_table ul li.gradient_menuitem.subexpanded, #mbrfzqebul_table ul li.gradient_menuitem.subitemhot Value Error : background-image top is not a color value )


I removed the TOP from the gradient variables and the site would validate okay. Just thought you might want to know this.

There are also 8 warnings for unknown vendor extensions.

My site is http://lakehalice.com and there is a button in the footer to access html and css validation sites.

Re: CSS validation fails

PostPosted: Tue Jul 29, 2014 9:10 am
by Aivars
The line you removed ensures that the gradients used for the menu work in older webkit-based browsers which in practice are the older generation Android phones. The vendor prefixes ensure the gradients work in various older web browsers - FF up to 15, Chrome up to 25, Safari up to 6 and Opera up to 12. You can remove them but then your menus will look flat on those browsers.