/    Sign up×
Community /Pin to ProfileBookmark

Website validation

Copy linkTweet thisAlerts:
May 01.2014

I am new to responsive website design, and I am using code from [URL=”http://www.responsivegridsystem.com”]http://www.responsivegridsystem.com[/URL]

When I went to post a problem I was having on this forum, I read where I should verify the website code before posting my problem.

Unfortunately, the code I have downloaded from the above website does not verify. There are 5 problems in the HTML and over 100 problems in the CSS code.

Can I just ignore these or is there another grid system which doesn’t have this problem. I need something simple because of my lack of experience in responsive website design.

Lawrence

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@ShrineDesignsMay 01.2014 — the HTML errors I would suggest fixing first. depending on the errors you get for your CSS file(s). if you use browser prefixes (i.e. [B]-moz-[/B]user-select, [B]-webkit-[/B]user-select, etc.) you can ignore those. oddly enough CSS specification allows the use of prefixes, but the validator trips on them.
Copy linkTweet thisAlerts:
@lkeeneyauthorMay 01.2014 — Thanks for the information. The grid system from this site appears to be fairly easy to use even for a non-responsive website designer like myself.

I am just not sure if there is a better one to use, or not.
Copy linkTweet thisAlerts:
@Major_PayneMay 02.2014 — Any properly formed CSS3 rules that were flagged by validator can be ignored. CSS3 has not been released yet, so validator may flag those rules. The validator does have the option for checking CSS3: See http://jigsaw.w3.org/css-validator/#validate_by_uri+with_options . Click the "More Options". Or, use AutoFixer for vendor prefix problems: http://css-tricks.com/autoprefixer/ . If in doubt, try the CSS3 Generator: http://css3generator.com/ .
Copy linkTweet thisAlerts:
@ShrineDesignsMay 02.2014 — CSS 2.x allows for vendor prefixes and badly written properties identifiers (CSS grammar). example/* IE 6/7 */
body {
[B]_width[/B]: 99.999999%;
overflow: auto;
}
/* NN/Opera/Chrome */
html > body {
width: 100%;
}actually used this back many years ago, for cross browser compatibility.

vendor prefixes are a far cry from the hoops we had to jump thru back in the glory days of IE 6/7.
Copy linkTweet thisAlerts:
@lkeeneyauthorMay 02.2014 — Thanks everyone for your input and suggestions.
Copy linkTweet thisAlerts:
@scarlettjackMay 05.2014 — You can fixed the errors with the help of validator.w3.org

Insert your website in here and see where you did mistake correct it.
×

Success!

Help @lkeeney spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...