May292012 Web Design Dreamweaver CS5 – CSS Tutorial: Layout Article posted by gordenweb 25 Comments TWITTER: Twitter.com Learn how to create a website layout using CSS and DIV tags. Related Tags: Twitter, Twitter.com Did you enjoy this article? Share it! Related Posts EBay poaches Twitter executive to lead new AI projects Former Microsoft CEO Steve Ballmer Chimes in on Twitter and Satya Nadella Twitter Drags Mane Addicts Over 'Mini Buns' Post Web Design & Coding for Beginners – Background Images #006 @PaNiiKzZ About the Author: 25 Comments+ Add Comment Eqvaliser May 29, 2012 at 5:40 PM like the tutorial, but i seriously dislike the click sound 🙁 ImzTech May 29, 2012 at 5:22 PM thanks for the feedback I agree with you. my new videos don’t have the click sound toylord May 29, 2012 at 4:47 PM That intro sound is disturbing! It would suit a zombie game more. liamjlewis May 29, 2012 at 4:31 PM Who are you calling a div ? HOHOHOHOHO!!!!! SiverCat1 May 29, 2012 at 3:38 PM Thank you for doing this! This was exactly what I was looking for and very helpful! ImzTech May 29, 2012 at 3:31 PM no probs ImzTech May 29, 2012 at 3:25 PM lol LuisxJara May 29, 2012 at 2:32 PM hey, thanks for the tutorial, it helped a lot. djzilchdotcom May 29, 2012 at 2:26 PM how do you make sure the layout is compatible between different resolutions? I Tried to do this on my imac which has a 1920 resolution but when i opened it on my laptop (1280) it looks funny, do you have any tutorial on maximizing layout compatibility between resolutions? ImzTech May 29, 2012 at 1:40 PM Set the CSS for the width as a percentage e.g. width: 80%. This way if the webpage window is resized or viewed on different sized screens the width will adjust accordingly. Hope that helps! wlan2004 May 29, 2012 at 1:00 PM thanks alot.. that was realy usefull MrSuperjovan May 29, 2012 at 12:02 PM very nice video…. all the best!!! 😉 🙂 steakmonster May 29, 2012 at 11:56 AM Great – this is the first tutorial I actually could follow. How do I make the page central in the browser now? Thanks for this. syed20205 May 29, 2012 at 11:53 AM Do you have a tutorial for this? If yes, let me know ya.. nayab99 May 29, 2012 at 11:11 AM i think this is the best tutorial…Great Job..IMRAN… WhiteRaven01 May 29, 2012 at 10:17 AM These are the best beginner tuts for css Ive yet found! I actually understand it and its a great start considering I don’t know squat about css. TY ElHasZardo May 29, 2012 at 9:20 AM click click o.0 TannertheJ May 29, 2012 at 8:32 AM Is there any benefit to putting the name of the div as a Class rather then a ID? I’ve always done it as an ID, I’d like to hear your feedback on it though. ImzTech May 29, 2012 at 8:10 AM The key thing to know is that IDs identify a specific element and therefore must be unique on the page — you can only use a specific ID once per document. Many browsers do not enforce this rule but it is a basic rule of HTML/XHTML and should be observed. Classes mark elements as members of a group and can be used multiple times, so if you want to define a style which will be applied to multiple elements you should use a class instead yoemer May 29, 2012 at 7:11 AM thanks a lot ajbdtc826 May 29, 2012 at 6:54 AM I wanna say Great Tutorial- very simple and quick. Also, thanks for leaving the part in at the end when the footer color didn’t show up. Most of my problems come from stupid small mistakes like that so you showing how to fix them and what the problem was really does help with getting the concept of how DW works. Awesome job bro! AnnGosha May 29, 2012 at 6:40 AM Great !!!! You describe very good and easy. )) Thank you very much ))))) wgparkh May 29, 2012 at 6:04 AM Great! Just what I was looking for. taliko321 May 29, 2012 at 5:48 AM help………. SOS…………..I have a question. when I put the nav div tag. Its always inside the header tag. advise me what to do. please. Angelo5010 May 29, 2012 at 5:29 AM What right button are you clicking?