HTML5 & CSS Web Design - 106 - Using Div tags and CSS floats

Part 6 of Web Design tutorials covering basics of web development with HTML5 and CSS. In this we look at how to create structured page elements by placing content into division tags, and styling them using CSS and its 'float' command. Tutorials by Will Goldstone see willgoldstone.com for more info.

Category:

Education

Tags:

• Web
• web design
• html
• css
• html5
• development
• education
• tutorial
• video
• dreamweaver

[Wassouf10]

What editing program are you using? And is it available for windows? thanks

[willgoldstone]

@Wassouf10 if you mean the video, I use screenflow, and sadly its not on windows. It really should be, haven't got any joy with camtasia. If you mean the software, its Dreamweaver, available pc and mac from Adobe.

[aidykii]

good explanation, thanks...

[Arthro92]

@pdxDavid

thank you so much. thought i was going crazy....:-D

[pdxDavid]

@Arthro92 I believe the outline box that you see on the video is produced by dreamweaver. If you want an outline or border you can add that to your stylesheet. You would say something like border: 2px solid blue; That will add a solid 2px border around your div. I think there is also an outline style as well, but border will work.

[Arthro92]

when i use the "div tags", the outline box will not show up. the paragraph is boxed, but there is no box that shows up. i'm writing this code in notepad just as you write it in dreamweaver and i check it in first page 2006. am i doing something wrong?

[smarcomputertech]

What's the difference between file names with the extensions .php and .html?