Problem with W3c Validation

**GK User** Sat Feb 09, 2013 10:06 pm Reply with quote Report this post

Hello,
I am trying to validate my site but am stuck with an error. It is as

Code: Select all: Line 15, Column 800: Bad value only screen and (max-width: 900px), only screen and (max-device-width: 900px) and (-moz-max-device-pixel-ratio: 1.5), only screen and (max-device-width: 900px) and (-o-max-device-pixel-ratio: 1.5/1), only screen and (max-device-width: 900px) and (-webkit-max-device-pixel-ratio: 1.5), only screen and (max-device-width: 900px) and (max-device-pixel-ratio: 1.5), only screen and (max-device-width: 1800px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-device-width: 1800px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-device-width: 1800px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 1800px) and (min-device-pixel-ratio: 2) for attribute media on element link: Expected a letter at start of a media feature part but saw - instead.

How do i validate it?

**teitbite** Sun Feb 10, 2013 3:15 pm Reply with quote Report this post

Hi

A CSS3 values will not be validated by w3c. It's using an outdated engine validating code for older browsers, we have stopped supporting becuase of limitations it brings.

**GK User** Sun Feb 10, 2013 3:46 pm Reply with quote Report this post

Hello,
How do i validate my site then? I can see that the demo site of Creative template is W3c validated without any of the errors like mine... Please suggest where do i change so that i can validate my site.

Thanks

**teitbite** Sun Feb 10, 2013 4:26 pm Reply with quote Report this post

Hi

Really? So it looks they have updated it finally

Ok this means that the code You cannot validate is not comming from template. Please show me Your site I'll see what is adding it.

**GK User** Sun Feb 10, 2013 4:47 pm Reply with quote Report this post

sent a message..

**teitbite** Mon Feb 11, 2013 7:02 pm Reply with quote Report this post

Hi

Ok. I do not see from where is this comming from , but maybe You will be able to replace it with a code like is produced on demo:

Code: Select all: <style media="(max-width: 820px)" data-href="http://demo.gavick.com/joomla25/creative/templates/gk_creative/css/tablet.css"> <style media="(max-width: 540px)" data-href="http://demo.gavick.com/joomla25/creative/templates/gk_creative/css/mobile.css">

You should find the code in /layouts/blocks/head.php

**GK User** Mon Feb 11, 2013 7:10 pm Reply with quote Report this post

Maybe instead of linking to Gavick, i can download the CSS and upload it on my server, then use it..
What say?

**teitbite** Tue Feb 12, 2013 3:39 pm Reply with quote Report this post

Hi

It's just an example copied from gavick demo site. You have this files already within installation, so please use Your domain name.