Thank you very much for still keeping this video after nine years have passed. I am almost 70 years old and I have decided to learn something new for the sole purpose of keeping my mind active. It's been four weeks of a lot of effort, searches for visual resources and many hours of practice. But when I see the results I feel very happy for the dedication. At my age, many people spend their lives sitting around doing nothing, but that's not the lifestyle I've ever wanted for myself. Being retired from the USA Army and later from the public service (USPS), I can only thank you and people like you, who share your knowledge. In this way, people like me can stay mentally and physically active.
You are so calm, no irritating music, and what you do makes sense! This is what I needed. It makes it seem very basic, but it has a lot in it. I loved it! Thanks!
I was seriously lost with divs in my class. Found them intimidating as the class was moving so fast. This video has made it so easy and such a good way to explain divs, class and id's in one video! Life saver! Thank you!
I loved how you built the whole thing and explained the concept. I was so easy to follow. All other videos just kept telling when to use ID and class and nothing made sense. Thank you so much!
so informative i was sitting here about to use my belt as a neck tie and greet the ceiling fan for an afternoon of black air crushing my throat now i am saved by the grace of imitation, i have inspired the current affairs in each dialect, i inspire the rotting cell
This is the best video on CSS and divs I've come across. Everything is explained simply and always demonstrated clearly, so that understanding is a no brainer. Thank you!
Thank God for this tutorial! Finally a tutorial like this! I never understood how they use div-s instead of tables to organise and give a layout to a webpage.
Awesome demonstration to show something that had been a bit murky for a while for me and I was just sort of 'winging' it in my development projects! This was crystal clear, thank you for such a great explanation! You're a diamond mate. Much love :)
hands down one of the best tutorials on youtube. Have you considered doing this for a living? Your voice is soothing and your accent cute and motivating. everything is structured in a really understandable fashion. thank you so much for this, it helped me greatly
An excellent presentation that I found was a clear, succinct, crisp explanation that has helped to lay a useful, and memorable, foundation with this aspect of my 'studies'; many thanks for sharing this. Ahmed Balfaqih, good suggestion, gets my vote also.
On the wrapper container set margin-right and margin-left to auto and make sure there is a width set on it. width:510px; margin-left:auto; margin-right:auto;
Nice!! This was a great foundation-setter for understanding divs. I am super new to web design and am working on my first website, so I am trying to understand how to arrange different sections of a webpage. I see you have a CSS Layout Introduction series! *click* :)
When i gave float:left then one of the hide behind the first one. And the other one comes following the downward by following previous one. They won't placed side by side? why
I have only one problem. I am making a page with links on another web page with pictures, name and description. It works but I have problem with second borderd. It's on the right side of page but I want it under first. And when I tried repair it margin:200px; and bottom orientation it move with secondary class without any reason.
If you mean showing content in the divs - then just insert content inside the element. If you mean positioning within the the the css box model applies; that is its just another container and all the usual rules apply except the dimensions are smaller. Is that helpful?
@@QVisible i tried that and it appears on the outside of the element/div boxes. like outside oitside. i placed a new Test Paragraph like this just after one of those div tags in the html page and it appeared on the outside of Box 5 , not inside one of the divs
Nice video.. I have one div with box within that text content..there is hover property on border of box..now when I hover on border text content shrink ing(small shift)..how to avoid shift of text....
Just curious, since this was quite a while ago and the language probably has evolved, can you say there are now better ways to do this or things have changed at all
Too big moves forward with css3 has been "grid" and "flexbox". These are fantastic advances and in many contexts replace some of what is covered in this video. Also worth nothing are sematic containers in the html standard such as "main, "aside" etc. But these are still div containers with semantic labels The items covered in this video are still an essential part to layout for Web designers. As much advanced as things have become, the general foundational structure of html and css are still the same.
Best video in youtube
😁
Yes. Completely agree.
100%
Thank you very much for still keeping this video after nine years have passed. I am almost 70 years old and I have decided to learn something new for the sole purpose of keeping my mind active. It's been four weeks of a lot of effort, searches for visual resources and many hours of practice. But when I see the results I feel very happy for the dedication. At my age, many people spend their lives sitting around doing nothing, but that's not the lifestyle I've ever wanted for myself. Being retired from the USA Army and later from the public service (USPS), I can only thank you and people like you, who share your knowledge. In this way, people like me can stay mentally and physically active.
Hey. One of the best comments I ever got! 👌. Thanks. Great that your learning web dev.
Tony, I was about to go and watch a movie and your comment has kept me here for a bit longer! Inspiring, I hope you're doing well! Thank you!
You are so calm, no irritating music, and what you do makes sense! This is what I needed. It makes it seem very basic, but it has a lot in it. I loved it! Thanks!
10 years ago and still the best video I've come across. Love it
I was seriously lost with divs in my class. Found them intimidating as the class was moving so fast. This video has made it so easy and such a good way to explain divs, class and id's in one video! Life saver! Thank you!
I loved how you built the whole thing and explained the concept. I was so easy to follow. All other videos just kept telling when to use ID and class and nothing made sense. Thank you so much!
so informative i was sitting here about to use my belt as a neck tie and greet the ceiling fan for an afternoon of black air crushing my throat now i am saved by the grace of imitation, i have inspired the current affairs in each dialect, i inspire the rotting cell
One of the best tutorial video i've watch. Concise and easy to understand. Thank you Q.
Best tutorial and forever will be. (It's been 9 years)
This is the best video on CSS and divs I've come across. Everything is explained simply and always demonstrated clearly, so that understanding is a no brainer. Thank you!
👍
Absolutely the best video I have seen on creating independent panes within html/css. Thank you.
Thank you so much sir , here after 10 years and yes your method is still better than lot of our modern RUclips teachers
8years old tutorial and it's so far the best in terms of explanation and everything. Thank you sir
YOUR THE MAN. You know your good when a newbie can follow your instructions. Thanks
Great comment. Thanks!
This 9 year old video is the best video in RUclips for me..
Thank you! I was working on a project and i needed alignment of the elements, this tutorial helped alot. Clear and concise.
At last, I FINALLY found someone who explained the ID/Class thing so I could understand it
For me this might be 9years old video..but the concepts taught in this video is crystal clear for me. Thanks a lot buddy !!
Thank you so much! I've been stuck for hours trying to turn my homework in, helped a lot.
15 years of not knowing how to use div properly explained. Wow. Thank you!
cool. Thanks.
Divs are epic and very powerful. This is exactly what I needed. Thanks!
Best content I've seen on divs thus far. Thank u
What a great teacher, thanks bro for the great content. 2023 and the video makes great sense. Work appreciated 🤝🏾
Beginner here, this clears up a lot of the "unknown" in terms of grouping and classes/ Id's. Great video
I'm envious. I'd love to be a beginner again!
Extremely helpful. Know im late but for some reason its ALWAYS the low watched old videos that are the best
😄
Thank God for this tutorial! Finally a tutorial like this! I never understood how they use div-s instead of tables to organise and give a layout to a webpage.
Great comment. Thanks 😊.
Thank you sir. This was a very simple video that we needed in order to get back to bare-bone basics. Than you.
this is a gem. Best explaination ever!!!!!! thank you so much
Clear and concise. I couldn't be more appreciative.
Extremely informative. Appreciate your time and accurateness in helping others.
Sir just wanted to tell you, even after 9 years . Your video is still helping beginners like me!
Nice comment. That is good to know 👍. Thanks.
Literally so helpful and uncomplicated. Thank you sir!
Awesome demonstration to show something that had been a bit murky for a while for me and I was just sort of 'winging' it in my development projects! This was crystal clear, thank you for such a great explanation! You're a diamond mate. Much love :)
Thanks for this clear explanation. Greetings from El Salvador.
Thanks for the note. Its nice to put a location in my head that makes viewers more real!
Thank you for the video, it helped to clear up the concepts of divs, classes and id's. Very grateful.
Fantastic explanation - Can't wait to check out your other videos! Thank you so much!
Wow ..Thank you so much ... Super easy to learn and clearly understand. This clip really opens the CSS world of my mind
u're really a good teacher ,i liked the way u did it
thank u so much
thank you, so so helpful, this is one of the best videos for understanding where and how to use the div tag appropriately
u so calm and relaxing I learned so much thanks
Basic is best. This is one of the example of Basic Div. Carry on.
hands down one of the best tutorials on youtube. Have you considered doing this for a living?
Your voice is soothing and your accent cute and motivating. everything is structured in a really understandable fashion. thank you so much for this, it helped me greatly
+Schatzliste The most feel good comment i've ever received I think! I'm going out the door ready to take on the world this Friday morning! Thanks.
Super-helpful; everything to the point!
Thank you for taking the time to review the use of Divs ob wex. Nice job.
You can never review the use of Divs enough.
Nice job . Small topic video very important for the beginners. All the best 👍
Best tutorial I've ever seen thank you!
😊
Cheers for the clear tutorial! Very useful. I know it's a relatively simple concept but it was giving me grief until I watched this
Great comment. Thanks.
I watched 3time full vedio...really nice
Thank you Ob Wex! very easily understood. You made coding looks friendly for novices like myself.
An excellent presentation that I found was a clear, succinct, crisp explanation that has helped to lay a useful, and memorable, foundation with this aspect of my 'studies'; many thanks for sharing this. Ahmed Balfaqih, good suggestion, gets my vote also.
9 year old tutorial that I've been waiting for years.
Your Explanation is Amasing when you The writing the Code all and all Thank you 👍
So cleanly and clearly explained 💯🔥
Thank you so much and I learnt many things bro..
Well organized..
Finally I learnt after so many tutorial 🙂🙂
😁
You're really an awesome teacher
good explain brother thankyou somuch , Love from India
you're the best sir, thanks for such a good explanation!!! really helpful
Hey bro can we talk ??
@@ezkakashi7598 yo ssup?
sure
@@CayenneGT not here.. You use insta??
@@QVisible your Instagram id??
2020 and this video is still very helpful and informative thank you
cool!
excellent video 5star review for helping me understand something that I previously didn't understand! :)
Like it. A lot learned. Much appreciation.
gotta say this is a pretty neat trick with divs
best tutorial lol 7 years old
Same
Same here
Those days div was new to front end coders
Now 8
@@மண்ணின்மைந்தன்-ள1ம That’s wrong. Divs have been used since the late 90’s and they definitely weren’t new in 2013 (when this video was uploaded.)
Wow.... Just awesome. Thank you so much
very helpful keep it up,i like the way how you simplify everything
Thanks mate! It really helped me a lot ...make more videos like this 😊
Thank you! But how can I make the squares to be centered on the page and not left?
On the wrapper container set margin-right and margin-left to auto and make sure there is a width set on it.
width:510px;
margin-left:auto;
margin-right:auto;
ob wex thank you!
Nice!! This was a great foundation-setter for understanding divs. I am super new to web design and am working on my first website, so I am trying to understand how to arrange different sections of a webpage. I see you have a CSS Layout Introduction series! *click* :)
Amazing and easy to the point explanation. Thank you.
When i gave float:left then one of the hide behind the first one. And the other one comes following the downward by following previous one. They won't placed side by side? why
hello, can you help me, why me css file dosnt reflect on me site? when i put colors in css
how to make that text inside div called "test" to place centre of that div?
This has to be the best into to CSS around, and also to classes and IDs.
Thanks a lot for this easy explanation..
I have only one problem. I am making a page with links on another web page with pictures, name and description. It works but I have problem with second borderd. It's on the right side of page but I want it under first. And when I tried repair it margin:200px; and bottom orientation it move with secondary class without any reason.
Great loved this tutorial exactly what I needed
thanks for the comment1
Thanks a lot. It really helped me..keep uploading.
Thank you so much for posting this tutorial!
Much Welcome!
question, how would i go about PLACING content inside those boxes now?
If you mean showing content in the divs - then just insert content inside the element. If you mean positioning within the the the css box model applies; that is its just another container and all the usual rules apply except the dimensions are smaller. Is that helpful?
@@QVisible i tried that and it appears on the outside of the element/div boxes. like outside oitside. i placed a new Test Paragraph like this just after one of those div tags in the html page and it appeared on the outside of Box 5 , not inside one of the divs
thankyou. exactly what I was looking for
Can we make buttons different colors and when you click them it changes the color of the rectangle
Please let me know
Thank
yes. make the button from a div and change the style using javascript.
Great video man
Thanks
Thanks.
best video so far
Great tutorials. Keep it up. Try to come up with a complete project across a number of videos. Thank you very much.
Great idea. It would be easier to put all parts into an overall context..
This video is 9yo and still better than my college classes😅
Very good tutorial!
question! hod do i make another row with these so there is more squars in diffrent rows. so its 4 than 4 under and then 4 under for pictures??? thx
just add more divs in the wrapper in the html and adjust the width of the wrapper to suit the number of squares you want in each row.
@@QVisible I am very new, and i have no idee hehehe i am sorry! i dont know the commands and stuff
awesome explanation!
How old were you 9 years ago and u were mastered in programming like now?
😁 I don't know what age I was then but I still feel like Im 15 today!
This was super helpful! Thank you so much!
woohoo!
Good Job, Really helpful.
this was so helpful! thank you!!!
Nice video..
I have one div with box within that text content..there is hover property on border of box..now when I hover on border text content shrink ing(small shift)..how to avoid shift of text....
Thank you for the awesome tutorial!😁
Masha allah: It was very helpfull to me
coz you did great work on the video, thank u for your help o7
9 years ago this was published and I'm watching now, I was just a 11y/o child back then
Evergreen !😃
Can you tell how to change softal instrunt in Serum, please ?!
Sorry No experience with that.
Just curious, since this was quite a while ago and the language probably has evolved, can you say there are now better ways to do this or things have changed at all
Too big moves forward with css3 has been "grid" and "flexbox". These are fantastic advances and in many contexts replace some of what is covered in this video. Also worth nothing are sematic containers in the html standard such as "main, "aside" etc. But these are still div containers with semantic labels The items covered in this video are still an essential part to layout for Web designers. As much advanced as things have become, the general foundational structure of html and css are still the same.
Very well explained! Thank you ob wex!