HomeХобби и стильRelated VideosMore From: SimpleTut

How to use Div Tags and CSS to Create Responsive Website Layouts and Custom CSS Menus

2073 ratings | 317980 views
http://siteezy.com/ - Learn How to Design Responsive website Layouts and Develop Your Own CSS Menus! For more Tutorials Please Visit: http://simpletut.com Like Us On Facebook: https://www.facebook.com/SimpleTut
Html code for embedding videos on your blog
Text Comments (107)
Rush Sulaiman (1 month ago)
Thanks got it working now.
Magdy Selim (2 months ago)
Awesome
Huzaifa Alam (3 months ago)
really loved your video <3 <3 <3 thank you so much you have explained everything very well
Kalenga Vision (3 months ago)
Good tutoriel
Skillz0r (4 months ago)
Somehow when I name the file layout.php it doesnt do anything (using chrome) but when using it layout.html it works fine. Anyone knows what's up with that?
Mathew McRae (5 months ago)
One quick question: Why did you use "background-color:#..." under each ID, except the footer where you only used "background:#..." to select the colour (UK spelling ;-) )? Any answer would be really appreciated. Thanks.
Swapnil Shinde (6 months ago)
Awesome tutorial. Simple to understand content allignment using CSS.
arvind bilwal (6 months ago)
First time i learn it. Good...
National Tradesman (8 months ago)
Dude... I was looking to understand the CSS behind styling a button. I feel like I have just received a Class A education on how CSS actually works let alone what the heck it is. (which I didnt even really know) What an excellent presentation! I understand so much more than I did 45 minutes ago! THANK YOU SO MUCH!
Franco Luz (8 months ago)
Thank you! Step by step...you help me understand this better than reading my book...
luck Layshna (9 months ago)
very usefull information..and the way u teaching is very nice and clear.....easy to undesrtood..i tryed the lesson..success
oyinlola micheal (10 months ago)
Wow it was a good. Thank you very much
Joël van Kranenburg (10 months ago)
nice vid
Wessel Vdvelde (10 months ago)
Nice video!
JEEP MASKO AFRICA (10 months ago)
you have made it i love this wau great i did it with bracket editor, you are my teacher, RESPECT
A&S lyrics (11 months ago)
Sir Can you please tell me the name of editor you used in this video? sir tell me as early as possible.
Subutai Hatim (11 months ago)
Can you make a video to show how to add contents on the other div tags please, thank you
Subutai Hatim (11 months ago)
Thanks for this great tutorial, please make more videos really enjoyed following through the video. Thanks buddy
Harraz Masri (11 months ago)
thanks bro,you're like a teacher
ludia (11 months ago)
awesome .... very helpful, thank u!!
Keith Au (1 year ago)
Yes.wonderful.fantastic and fascinating all the time,otherwise no way to understand and practice it in real-life using notepad.
moh noorie (1 year ago)
AMAZING TOUCH!!!!!!!!!!!!!!!!!!
張羿訢 (1 year ago)
thanks man
Ohh (1 year ago)
good looking out bro
daddybougna (1 year ago)
Thank you great info clear to understand.
Rajesh G (1 year ago)
Simple and great.
Ronny Banerjee (1 year ago)
It is a very good video based on CSS. 100% talent shown. Thank you sir!!
Khan. Reyad (1 year ago)
I'm from Bangladesh. This is Reyad Khan.Your explanation is very nice..! Keep going..!
Doctor PC (1 year ago)
but when i put the code for responsive page it give error, i am using dreamweaver CC14
fsk8taboy79 (1 year ago)
I cannot thank you enough for this video!!! I'm new to coding and was getting lost to get to the next step in my learning. You're freaking awesome!! Again thank you!
Joseph Medina (1 year ago)
Excellent work😇. Thanks for posting it!
Yuriy Mysak (1 year ago)
awesome man! i've been struggling with visualizing the layout - you're the first one to explain it in the way i understood! Dope!
Edward Videos (1 year ago)
basically great, thank you
Thanks a lot, A step by step explanation to design a layout using div, expecting more tutorials from you :)
Abinash kumar (1 year ago)
Thanks man. You have been a great mentor for this idiot. I was stuck with the float thing for weeks. And it was cleared by you. Appreciate the good work. :)
rob320is (1 year ago)
Perfect, I wish I would have seen this before I ever started!
Runemark (1 year ago)
One question. Why do you use id instead of class in your div? Is there any big difference between them? And yea im new into the programming world :)
Roy Stevo (1 year ago)
thank you..very easy to understand...
Eth0n3t (1 year ago)
Im excited for this.
ohad7 (1 year ago)
great tutorials thank you guys for the help.
dhiyo Wiweka (1 year ago)
what code editor did he/you use, 'cause that looks awesome, i've spent my time only using atom and that will safe my time dramatically... pls respond...
Goh HB (1 year ago)
Clear cut! Thank you!
Method John (1 year ago)
helpful than ever, thanks
Bani Sharma (1 year ago)
excellent. really loved ur vdo.
Nana Supriatna (1 year ago)
Thank's, Amazing Tut, you help Me verry much
Richard Demeny (2 years ago)
very helpful and easy to understand. respect
Lady Thai (2 years ago)
I'm so happy that I was able to follow along and understand this tutorial. You're awesome!
Lakshmipathi Raju (2 years ago)
Amazing video tutorials. i like so much :)
Qazi Ikram (2 years ago)
i like the method of your teaching :-)
Srinath Chandra (2 years ago)
awesome bro
ginga2122 (2 years ago)
Thank you very much!!
Neel chaudhary (2 years ago)
amazing tutorial !! Thank you bro
Thanks for the great tutorial, I learned so much in less than 35 minutes. The session was very useful and understanding. I will be following SimpleTut from now. . . Thums Up to the team
Basu Roy (2 years ago)
very helful tutorials
Eugene Cronje (2 years ago)
Amazing tutorials. Thank you!
sreeraj chundayil (2 years ago)
Really nice video. I don't understand why people dislike this video?
D Foxx (2 years ago)
Very informative video...
siham aouga (2 years ago)
thank u so much
Lalu Rommy Arbantas (2 years ago)
great tutorial!
MARTIN MOHAMAD (3 years ago)
awesome....you make it simple...great
usman- ishaq (3 years ago)
Thanks very nice
samy7B9 (3 years ago)
Great video. very simple illustration... Thanks...
Abrham Bas (3 years ago)
Should've used html5 implementation. But great anyways
DawnOfTheDead991 (3 years ago)
why not just body{ margin:auto;} as the default?
one4mrDj (3 years ago)
Great video, thanks. I just have one quesion. When you create the master div ( or container div) why don't you end that tag like you end all the other tags? Or is it not necessarily? Or I just did not see it.
amr foda (3 years ago)
ohhhhhhhhhhhh thank you a lot , I was almost crazy for that responsive webpage thank you mr . simple tut
WolfyLix (3 years ago)
right at the part where i "should" fix the div tags with the float, the menu div disappear! I tripled checked the code, its 100% identical to the one in the video, but the menu div disappear. Ideias, Solutions? Anyone?
jerryfreshprince (3 years ago)
What shortcut do you use for linking the Css file in the href="..."
Jeremy (3 years ago)
This is great. Thank you
Alexandru Grecov (3 years ago)
great and easy to understand
Ahmaad Adesola (3 years ago)
I definitely appreciate the video. It was an enormous amount of help.
ectr93 (3 years ago)
What would I do without YouTube? Probaly failed in exam haha. Thank you so much :)
aila pintor (3 years ago)
what is the name of the application that you use to make this??
Dharm Budha (3 years ago)
Thank you I have learned more in this one video then I have in college for Web Desig
Dharm Budha (3 years ago)
jk
Reddinaiiduu Ns (3 years ago)
very useful to me
HECTOR J ABUNDIS JR. (3 years ago)
this is great.. just what I needed to see ... This is somewhat the idea I have pictured on my head, but I couldn't figureout how to do it.. thank you
Waqar Shafiq (3 years ago)
Thanks for your tutorials.
Afolabi Abolade (3 years ago)
This is really awesome, keep it up
Sujan Malla (3 years ago)
Great video
peter Dixon (3 years ago)
Great information. I was stuck on clear for days.
Bhushan Patil (3 years ago)
Thanks it really helped a lot....
nctrn07 (3 years ago)
really nice tutorial! but when i resize my chrome, it doesnt change.. it does change only in explorer
swtnlnly (3 years ago)
+David Pocar So much as even a single character missing or out of place in the html or the css file (or both) will cause errors. Eventually I got it done and it worked but the top banner I threw into the header with a. IMG SRC tag would not scale Fixed did with a -------> #img {max-width: 100%;} <---------- in the CSS file.
Suman Das (3 years ago)
thank u :)
Himal Thapa (3 years ago)
Thank you so much i have learnt lot of things from you and you are great teacher  thank you so much :) :)
nokutos (3 years ago)
It worked!!! I am so grateful to have found this tutorial, thank you so much!!!!!!!
POWERTM (3 years ago)
Thank you so much !
Nainesh Rane (3 years ago)
Thank you.......very simply explanation.
Abed Elkassih (3 years ago)
Wonderfull job, even though I am not using DV, I still like your through explantion of CSS
solusfoundation (3 years ago)
Hi.  I'm really enjoying your tutorial and got as far as the menu css very easily, thank you.  However, when following your instructions and code to the letter, my menu doesn't appear the same as yours.  It's still a bulleted list.  I'm using DW CS6.  Any advice would be greatly appreciated.  Thanks again.
Binyam Getnet (3 years ago)
i like the tutorials   continu 10q for all
Almando Hafenaaje (3 years ago)
this is all the best for me. thanks mr. Ashley(simpletut)
Ådne Bekkestad (3 years ago)
to add extra style to the menu bar you can aslo add the tag "#menu li:active {                                                                             background-color:#example; }
Michael Smith (3 years ago)
Awesome! thanks.... #bostoncarnivalvillage
Mikey Ryan (3 years ago)
I have been looking up css tutorials all day. by far the best. Thanks!
Jupiter McClelland (3 years ago)
Your tutorial and is one of the best available, no question.... plus say bottom like you do. Bottoms-up!
sudhi (3 years ago)
Nice one!!!
Dibakar Mitra (3 years ago)
Great Job,I learn Much,thanks
coldfyrre (3 years ago)
Thank you sooooo much, was struggling hard with this. 
raj vaibhav singh (3 years ago)
great work!!!!!!!!!!!!!!!!!!!

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.