HTML 5 and CSS 3 valid!

Sash · **HTML 5 and CSS 3 valid! -** 10-19-2012, 16:10 | posts: 7,068

FINALLY! I made my first website pass the HTML 5 and CSS 3 validation!
Feeling proud of myself!

Parabola · 10-20-2012, 07:31 | posts: 282 | Location: Northern India

Congrats.
No link to the site?

Sash · 10-20-2012, 09:45 | posts: 7,068

Thanks,
It's a commercial site, i don't know if i can do that here, but here are the validation links so you can find it in them

http://validator.w3.org/check?uri=ht...Inline&group=0

http://jigsaw.w3.org/css-validator/v...ss%2Fstyle.css

anticupidon · 10-20-2012, 14:21 | posts: 1,667 | Location: far,far from home

Good job!
Felicitari,ai stil!

Parabola · 10-20-2012, 15:23 | posts: 282 | Location: Northern India

Found it, really nice website, and good looking too.
I personally like the tabbed layout and the color scheme. Good job mate..!

Anarion · *Last edited by Anarion; 10-20-2012 at 23:45.*

[HTML best practices police mode]
Some table misuse in second tab. It's meant for actual tables only, not for layouts. However using something like display: table-cell; or display: table-row; would be okay.

Also you're not using html5 meta tag for charset. This would be correct (I personally write HTML5 with HTML syntax so I don't use short tags; if we start super nit picking you should use HTML5 syntax since the server is serving the page with text/html content type)

<meta charset="utf-8">

Also, you should fix http://www.farmingserv.ro/index.php?clienti=1 there's some issues which you will probably find out really quick once you run it through validator. Also http://www.farmingserv.ro/index.php?produse_servicii=1 and http://www.farmingserv.ro/index.php?cariere=1 and you should also remove BOM.

[/HTML best practices police mode]

Nice, clean no nonsense site.

Sash · 10-21-2012, 00:24 | posts: 7,068

thanks all, i will take your advice Anarion since i plan to re-enter free-time html editing by using html 5 and you got some good pointers!
Wow i really don't think i will have time to redo all the tables in the product pages, i guess i kinda cheated with that to say it was html 5 valid
Rest of pages are full validated, i originally only validated the index page, i know i cheated a bit

I dont know what to do about the utf-8 tough, i need it for romanian characters no?

ă â î ş ţ

Anarion · *Last edited by Anarion; 10-21-2012 at 11:18.*

You should save the files as utf-8 without bom, you are currently using utf-8 with bom. Bom = byte order mark. The product pages have actual tables so it's okay to use it there (except the some text parts above the actual tables).

Just so that you get the idea how you could do table like layout without using tables with CSS:

http://pastebin.com/x57pwvBv

That's the index page second tab whole table converted. In theory you could just remove table, tbody and just rename <tr>, <td> tags to divs and for example give those tr's class="tr" and then use the following CSS:

.tr {
display: table-row;
}
.tr div {
display: table-cell;
border: 1px solid black; (or whatever looks nice to you)
}

Should be quick and painless with find & replace.

Sash · 10-21-2012, 19:21 | posts: 7,068

Quote:

Originally Posted by Anarion

You should save the files as utf-8 without bom, you are currently using utf-8 with bom. Bom = byte order mark. The product pages have actual tables so it's okay to use it there (except the some text parts above the actual tables).

Just so that you get the idea how you could do table like layout without using tables with CSS:

http://pastebin.com/x57pwvBv

That's the index page second tab whole table converted. In theory you could just remove table, tbody and just rename <tr>, <td> tags to divs and for example give those tr's class="tr" and then use the following CSS:

.tr {
display: table-row;
}
.tr div {
display: table-cell;
border: 1px solid black; (or whatever looks nice to you)
}

Should be quick and painless with find & replace.

Well i tried to use utf8 without BOM, and it broke the validator, it started to take each romanian letter in order as an error, so i don't know what to do, bur the page was not html5

Anarion · *Last edited by Anarion; 10-21-2012 at 21:18.*

Quote:

Originally Posted by Sash

Well i tried to use utf8 without BOM, and it broke the validator, it started to take each romanian letter in order as an error, so i don't know what to do, bur the page was not html5

You should convert it to bomless version. Just saving it to that will probably break it.

1. Open file.
2. Convert to.
3. Save to without BOM.

And that should do the trick. What is your text editor or what tool are you using? I did a test and those characters do not cause any issues.

Dude111 · 10-25-2012, 19:28 | posts: 136

Quote:

Originally Posted by Parabola

Found it, really nice website, and good looking too.
I personally like the tabbed layout and the color scheme. Good job mate..!

Yes you did this all yourself bud??

Looks good!

A programmer you are!!

Sash · 10-29-2012, 13:42 | posts: 7,068

Quote:

Originally Posted by Anarion

You should convert it to bomless version. Just saving it to that will probably break it.

1. Open file.
2. Convert to.
3. Save to without BOM.

And that should do the trick. What is your text editor or what tool are you using? I did a test and those characters do not cause any issues.

Update: I use Dreamweaver CS6, and i am done, finally managed to finish the product page to individually pass the html5, and also i managed to declare the charset before the title, this is why it took each romanian character as an error!
Only warning i get is:

Using experimental feature: HTML5 Conformance Checker.

And i even fixed the google maps iframe that gave me errors in html5 validating.

Anarion · 10-29-2012, 20:21 | posts: 9,175 | Location: Finland

Good!