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

Date: January 26, 2012 |admin | Web Development

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.

Comments

bnaupay

Date: January 6, 2011 |

Using DreamWeaver very ok. When using PHP ( xampp ) don’t show the colors from backgroud. How resolve this problem ?

willgoldstone

Date: January 6, 2011 |

@bnaupay i dont use xampp but at a guess id assume there’s something about syntax colours or highlighting in the preferences of the software?

bnaupay

Date: January 7, 2011 |

ok. I’m using Windows 7. When select File/Preview ( iexplorer ) dont show me the colors. Else in mode Divide very good ..where must be to configure ?

ShrapnelGameStudios

Date: February 19, 2011 |

great tutorials thanks really helping our new company kick of our games!

s1006000

Date: October 19, 2011 |

Hi there I am currently following the tutorial however when I come the nav bar css code it seems to appear differntly on my screen :S its including the info,sidebar etc
this is my css code @charset “utf-8″;

#wrapper{
width:1024px;
margin-left:auto;
margin-right:auto;
position:relative;
}
header{
float:left;
width:1024px;
height:134px;
background-color:#21c9dd
}
nav{
float:left;
width:1024;
height:40px;
background-color:#F0C
}

any suggestions?

cheers

s1006000

Date: October 19, 2011 |

So sorry I have re-checked my coding and it appears I forgot the PX at the end of the width.

Excellent guide to HTML5

willgoldstone

Date: October 20, 2011 |

@s1006000 does putting the semi colons on the end of the lines of your last two properties in the header and nav rules fix it?

cahildesigns

Date: November 12, 2011 |

hands down the best introductory dreamweaver tutorial on youtube currently.
very clear, precise, and straight to the point. nicely nicely done!

willgoldstone

Date: November 13, 2011 |

@cahildesigns thanks man!

ZenCartEasyHelp

Date: November 14, 2011 |

Great video! Set up your ecommerce business for free with our Easy Help Zen Cart Tutorials:

divingonline

Date: November 26, 2011 |

See how that will run on Internet Explorer 7… HTML5 tags still need to be wrapped in a <div as a backup for older browsers.

Abcdds2

Date: December 30, 2011 |

Keep up the good work.

supergameover

Date: January 15, 2012 |

Gracias. Saludos desde Argentina!

MrMegaSet

Date: January 20, 2012 |

THANK YOU!!!!!!!!!!!!!!!
I am just starting out and I was soooooooooo confused. Your tutorial put everything in place for me. It was clear and easy to understantd.

Leave a Comment

Name (required)
Website
Your Message (required)