HTML5 & CSS Web Design – 108 – Styling the HTML5 Structure

Part 8 of Web Design tutorials covering basics of web development with HTML5 and CSS. In this we look at how to use CSS to make our HTML5 structure fit together. Tutorials by Will Goldstone see for more info.

This entry was posted in Web Design and tagged , , , . Bookmark the permalink.

20 Responses to HTML5 & CSS Web Design – 108 – Styling the HTML5 Structure

  1. lily1879Jaime says:

    Incredible! First try on looking up tutorials and first link was a WIN! You sir, are amazing.

  2. TheYouHub says:

    really good tutorial, good explanation, saved a lot of time, thanks:)

  3. riz chelsea says:

    HTML 5 is booming now .keep on share videos like this.

  4. willgoldstone says:

    This is because even England alone is made up of many regional accents that are very different, and then the rest of the UK also has vastly different accents again. I am from the South East and for my tutorials try and use a generic delivery akin to news reading to help people understand. My real accent in speaking is more of a mix of this, plus Essex and Suffolk county regional accents.

  5. RafaloosPL says:

    Where you from mate? Why could I understand you very clearly, I mean your English, but some Britons I can’t.

  6. Debs Fisher says:

    Great tutorial - thank you for posting.

  7. willgoldstone says:

    at the time of recording footer didnt function properly in FF. Also using article for the whole site is not a practice I’d seen recommended anywhere so it made sense to simply use it as a container for the sections instead, rather than the entire page.

  8. Philippe Thomas says:

    It seem I cant get the wrapper to work properly… I tried the three codes, but they did not work maybe I did something not right, I ve past this one tough: div#wrapper { width: 80%; background-color:#FFFFFF; margin-top: 50px; margin-bottom: 50px; margin-left: auto; margin-right: auto; padding: 0px; border: thin solid #000000; and it work perfectly, can you help me understand why ? Tks man !

  9. willgoldstone says:

    okay great, best of luck!

  10. Philippe Thomas says:

    You are assuming a lot of things right, make sense. Thanks man, cant believe how much I learned in a day with your tutorials !!! it s control +atl “ and < that make { and } Thanks man, Im back to your videos I have some issues with linking my css file to my html 5 one, I will work on it and if I cant find out will ask some more questions… 😀 Philippe

  11. willgoldstone says:

    I assume the word Majuscule means capital letters? if so – it does not need them as it is a system font but I believe that actual fonts in your library will require their exact name – we call this case sensitivity. You should be able to use Shift / Alt (maybe both at same time?) and the ( ) keys on your Azerty keyboard – assuming you are french! 😀

  12. Philippe Thomas says:

    I ve noticed that you wrote: font family:Arial. Helvetica. sans-serif; sans-serif is without Maj, does the Majuscule matters for Arial and Helvetica too ? How do I write { and } ? Thanks best tutorial so far, thanks for the notepad + tips really helpful !!!

  13. MrChubib0 says:

    i really appreciate your effort to make a tutorial for this! love you man (no homo)

  14. TheElkster says:

    Will you are very structured, clear and easy to follow. I’ve dived straight in at this video and am really eager to see the rest! Thanks!

  15. TheElkster says:

    Will you are very structured, clear and easy to follow. I’ve dived straight in at this video and am really eager to see the rest! Thanks!

  16. willgoldstone says:

    It must simply be that you’re putting the html tags in the wrong order. Can’t think of another explanation. Paste your code to and post a link for both html and css so I can see what you’re doing.

  17. Alex Kowalski says:

    im having the same problem and miyuu90, my side bar is halfway below my section and i havn’t missed any float:left’s

  18. Alex Kowalski says:

    why dont my article sections appear below my article? please help :S

  19. Tony Andrews says:

    “My site” “Welcome” and the “Nav” are all sitting next to each other almost touching. The page isn’t centered but instead is slightly to the left. “My site” has a tiny little blue box that surrounds it and doesn’t expand cross-screen. I’ve looked over the tutorial several times and copied everything precisely as instructed but don’t get the results the tutor is explaining. If anyone has any suggestions I would really appreciate it.

  20. Puteri Emilia says:

    i have already check it. i put float:left; as you said.

Leave a Reply