HTML 5 and CSS 3 valid!

Discussion in 'Programming/Html' started by Sash, Oct 19, 2012.

  1. Sash

    Sash Ancient Guru

    Messages:
    6,963
    Likes Received:
    0
    GPU:
    video
    FINALLY! I made my first website pass the HTML 5 and CSS 3 validation!
    Feeling proud of myself!
     
  2. Parabola

    Parabola Banned

    Messages:
    282
    Likes Received:
    0
    GPU:
    82945G Express Chipset
    Congrats.
    No link to the site?
     
  3. Sash

    Sash Ancient Guru

    Messages:
    6,963
    Likes Received:
    0
    GPU:
    video
  4. anticupidon

    anticupidon Ancient Guru

    Messages:
    2,894
    Likes Received:
    3
    GPU:
    XFX RX480 GTR 8GB
    Good job!
    Felicitari,ai stil!
     

  5. Parabola

    Parabola Banned

    Messages:
    282
    Likes Received:
    0
    GPU:
    82945G Express Chipset
    Found it, really nice website, and good looking too.
    I personally like the tabbed layout and the color scheme. Good job mate..!
     
  6. Anarion

    Anarion Ancient Guru

    Messages:
    12,937
    Likes Received:
    9
    GPU:
    EVGA GeForce GTX 1070 ACX
    [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. :devil:

    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: Oct 21, 2012
  7. Sash

    Sash Ancient Guru

    Messages:
    6,963
    Likes Received:
    0
    GPU:
    video
    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 :p

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

    ă â î ş ţ
     
    Last edited: Oct 21, 2012
  8. Anarion

    Anarion Ancient Guru

    Messages:
    12,937
    Likes Received:
    9
    GPU:
    EVGA GeForce GTX 1070 ACX
    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: Oct 21, 2012
  9. Sash

    Sash Ancient Guru

    Messages:
    6,963
    Likes Received:
    0
    GPU:
    video
    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
     
  10. Anarion

    Anarion Ancient Guru

    Messages:
    12,937
    Likes Received:
    9
    GPU:
    EVGA GeForce GTX 1070 ACX
    You should convert it to bomless version. Just saving it to that will probably break it.

    [​IMG]
    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: Oct 21, 2012

  11. Dude111

    Dude111 Member Guru

    Messages:
    172
    Likes Received:
    0
    GPU:
    .
    Yes you did this all yourself bud??

    Looks good!



    A programmer you are!!
     
  12. Sash

    Sash Ancient Guru

    Messages:
    6,963
    Likes Received:
    0
    GPU:
    video
    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: Oct 29, 2012
  13. Anarion

    Anarion Ancient Guru

    Messages:
    12,937
    Likes Received:
    9
    GPU:
    EVGA GeForce GTX 1070 ACX

Share This Page