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 willgoldstone.com for more info.

20 Replies to “HTML5 & CSS Web Design – 108 – Styling the HTML5 Structure”

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

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

  3. 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 !

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

  5. 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! 😀

  6. 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 !!!

  7. 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 pastebin.com and post a link for both html and css so I can see what you’re doing.

  8. “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.

Leave a Reply