Guru3D.com Forums

Go Back   Guru3D.com Forums > General > Programming/Html
Programming/Html C++,Visual Basic,HTML,Flash,OpenGL,Modelling,Java.


Reply
 
Thread Tools Display Modes
HTML 5 and CSS 3 valid!
Old
  (#1)
Sash
Ancient Guru
 
Videocard: video
Processor: cpu
Mainboard:
Memory:
Soundcard:
PSU: psu
Default HTML 5 and CSS 3 valid! - 10-19-2012, 17:10 | posts: 7,004

FINALLY! I made my first website pass the HTML 5 and CSS 3 validation!
Feeling proud of myself!
   
Reply With Quote
 
Old
  (#2)
Parabola
Banned
 
Videocard: 82945G Express Chipset
Processor: Conroe E4500@2.4GHz-1.2V
Mainboard: Jetway 945GCM2S-A2
Memory: Hynix 1GB DDR2-667@369Mhz
Soundcard: Realtek ALC662
PSU: Generic 450W
Default 10-20-2012, 08:31 | posts: 282 | Location: Northern India

Congrats.
No link to the site?
   
Reply With Quote
Old
  (#3)
Sash
Ancient Guru
 
Videocard: video
Processor: cpu
Mainboard:
Memory:
Soundcard:
PSU: psu
Default 10-20-2012, 10:45 | posts: 7,004

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
   
Reply With Quote
Old
  (#4)
anticupidon
Maha Guru
 
anticupidon's Avatar
 
Videocard: Sapphire HD5850 Extreme
Processor: i7 860 3.6 Ghz
Mainboard: ASUS P7PP5D
Memory: 2x4 GB Kingston HyperX
Soundcard: Via on-board
PSU: Corsair HX 750
Default 10-20-2012, 15:21 | posts: 2,170 | Location: far,far from home

Good job!
Felicitari,ai stil!
   
Reply With Quote
 
Old
  (#5)
Parabola
Banned
 
Videocard: 82945G Express Chipset
Processor: Conroe E4500@2.4GHz-1.2V
Mainboard: Jetway 945GCM2S-A2
Memory: Hynix 1GB DDR2-667@369Mhz
Soundcard: Realtek ALC662
PSU: Generic 450W
Default 10-20-2012, 16: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..!
   
Reply With Quote
Old
  (#6)
Anarion
Ancient Guru
 
Anarion's Avatar
 
Videocard: Gigabyte GeForce GTX 970
Processor: Intel Core i7 3770K
Mainboard: ASUS P8Z77-V
Memory: G.SKILL RipjawsX 16 GB
Soundcard: Sound Blaster Zx + HD 595
PSU: Corsair AX760
Default 10-21-2012, 00:41 | posts: 11,011 | Location: Finland

[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.

Last edited by Anarion; 10-21-2012 at 00:45.
   
Reply With Quote
Old
  (#7)
Sash
Ancient Guru
 
Videocard: video
Processor: cpu
Mainboard:
Memory:
Soundcard:
PSU: psu
Default 10-21-2012, 01:24 | posts: 7,004

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?

***259; ***351; ***355;

Last edited by Sash; 10-21-2012 at 01:35.
   
Reply With Quote
Old
  (#8)
Anarion
Ancient Guru
 
Anarion's Avatar
 
Videocard: Gigabyte GeForce GTX 970
Processor: Intel Core i7 3770K
Mainboard: ASUS P8Z77-V
Memory: G.SKILL RipjawsX 16 GB
Soundcard: Sound Blaster Zx + HD 595
PSU: Corsair AX760
Default 10-21-2012, 11:44 | posts: 11,011 | Location: Finland

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.

Last edited by Anarion; 10-21-2012 at 12:18.
   
Reply With Quote
Old
  (#9)
Sash
Ancient Guru
 
Videocard: video
Processor: cpu
Mainboard:
Memory:
Soundcard:
PSU: psu
Default 10-21-2012, 20:21 | posts: 7,004

Quote:
Originally Posted by Anarion View Post
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
   
Reply With Quote
Old
  (#10)
Anarion
Ancient Guru
 
Anarion's Avatar
 
Videocard: Gigabyte GeForce GTX 970
Processor: Intel Core i7 3770K
Mainboard: ASUS P8Z77-V
Memory: G.SKILL RipjawsX 16 GB
Soundcard: Sound Blaster Zx + HD 595
PSU: Corsair AX760
Default 10-21-2012, 22:15 | posts: 11,011 | Location: Finland

Quote:
Originally Posted by Sash View Post
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.

Last edited by Anarion; 10-21-2012 at 22:18.
   
Reply With Quote
 
Old
  (#11)
Dude111
Member Guru
 
Videocard: .
Processor: .
Mainboard:
Memory:
Soundcard:
PSU: .
Default 10-25-2012, 20:28 | posts: 147

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!!
   
Reply With Quote
Old
  (#12)
Sash
Ancient Guru
 
Videocard: video
Processor: cpu
Mainboard:
Memory:
Soundcard:
PSU: psu
Default 10-29-2012, 14:42 | posts: 7,004

Quote:
Originally Posted by Anarion View Post
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.

Last edited by Sash; 10-29-2012 at 14:46.
   
Reply With Quote
Old
  (#13)
Anarion
Ancient Guru
 
Anarion's Avatar
 
Videocard: Gigabyte GeForce GTX 970
Processor: Intel Core i7 3770K
Mainboard: ASUS P8Z77-V
Memory: G.SKILL RipjawsX 16 GB
Soundcard: Sound Blaster Zx + HD 595
PSU: Corsair AX760
Default 10-29-2012, 21:21 | posts: 11,011 | Location: Finland

Good!
   
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump



Powered by vBulletin®
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
vBulletin Skin developed by: vBStyles.com
Copyright (c) 1995-2014, All Rights Reserved. The Guru of 3D, the Hardware Guru, and 3D Guru are trademarks owned by Hilbert Hagedoorn.