Position - Static, Relative, Absolute, Fixed | CSS | Tutorial 6

Поділитися
Вставка
  • Опубліковано 24 гру 2024

КОМЕНТАРІ • 109

  • @junaidt7553
    @junaidt7553 4 роки тому +49

    The best teacher I have ever seen in my life for Web Development.
    i have learned full HTML as an 11 years Kid By his teaching and now time for CSS then Javascript. Thanks Mike a lot !

    • @honeyzune7835
      @honeyzune7835 3 роки тому

      I think I am old now. I am 22 and start learning. Kinda feel I am out of date.

    • @Kaedrick
      @Kaedrick 3 роки тому +2

      @@honeyzune7835 21 here, feeling the same way, but let's enjoy it anyway

    • @honeyzune7835
      @honeyzune7835 3 роки тому +1

      @@Kaedrick Thanks, Kaedrick. I am so glad that I found you. Yes! Let's study. We can do this.

    • @leto1449
      @leto1449 3 роки тому +3

      ​@@honeyzune7835 I don't think learning has a specific age

    • @honeyzune7835
      @honeyzune7835 3 роки тому

      @@leto1449 u know but sometimes u feel sth missing when everyone knows except u

  • @cristoballabotsirc1355
    @cristoballabotsirc1355 6 років тому +71

    I was struggling to understand the difference between relative and absolute. This video helped.
    I'll put these timestamps here so that I can reference them again:
    1:51 - Relative
    5:47 - Absolute

    • @armaanmhate2911
      @armaanmhate2911 4 роки тому

      thenks

    • @jaxxonvivaan5249
      @jaxxonvivaan5249 3 роки тому

      I guess it's pretty randomly asking but does anyone know a good site to stream new tv shows online ?

    • @fernandojoseph352
      @fernandojoseph352 3 роки тому

      @Jaxxon Vivaan i would suggest Flixzone. Just google for it :)

    • @haroldcharlie2103
      @haroldcharlie2103 3 роки тому

      @Fernando Joseph definitely, I've been watching on flixzone for months myself :D

    • @cristianotroy3675
      @cristianotroy3675 3 роки тому

      @Fernando Joseph thanks, I went there and it seems to work =) I really appreciate it !

  • @Will-bo4hq
    @Will-bo4hq 2 роки тому +1

    Yes! I spent 2-3 years taking college-level courses in HTML ,CSS and JavaScript and still could not grasp the concept of positioning elements. Finally, and after over 5 years of coding, I understand . You have clarified this in an 11 minute video. Thank you sir!

  • @rudrashiva
    @rudrashiva 4 роки тому +12

    If Mike ever make a programming language... it will be very popular... he will make it as easy as possible and at the same time as fast as C.

  • @miguelhyto54
    @miguelhyto54 3 роки тому +2

    relative: 1:53,
    absolute: 5:52,
    static: 7:12,
    fixed: 8:47

  • @sememo2471
    @sememo2471 3 роки тому +2

    I don't know English very well but I learn from this video more than what I learn in videos speaking my language . Thank you!

  • @MalkiaMmoja
    @MalkiaMmoja 2 роки тому

    This has been one of the most complicated CSS topics for me in the past, and now I finally get the point. Thanks a lot, Mike!

  • @chuckgreene11124
    @chuckgreene11124 5 років тому +5

    Been looking for a good explanation for the css position, not even my own teacher could explain it clearly. Thanks so much Mike!!

  • @博闻-y2u
    @博闻-y2u 3 роки тому +2

    Watching your tutorial is such a great experience.

  • @phyothiha5419
    @phyothiha5419 4 роки тому +1

    you are the best teacher for me

  • @loftondarps
    @loftondarps 2 місяці тому

    Thank you! I'm taking a class at WGU and this is the first time it has made sense.

  • @mueezahmad100
    @mueezahmad100 2 роки тому

    Your tutorials are one of the best and they are really easy to understand and apply. Thanks a lot for making them.

  • @porker5749
    @porker5749 5 років тому +5

    Thanks for the great explanation. Never really understood positioning until now!

  • @Overseer190
    @Overseer190 4 роки тому +2

    Mike Dane and w3schools are the power duo. Three hours in and I'm done with HTML and halfway through CSS!

  • @jussymashunye
    @jussymashunye 3 роки тому +1

    I have been trying to grasp these concepts without success, just like you did it on database design,you just cleared all the confusion and took me to work,Thank you again

  • @elenahlihor4518
    @elenahlihor4518 2 роки тому

    You make me feel learning programming is so easy, thank you, Mike! You keep me motivated!

  • @limitless1692
    @limitless1692 5 років тому +25

    Now i know how those ads are fallowing me along the web site
    Cool trick :)

  • @attilaguba856
    @attilaguba856 Рік тому

    This is the best explanation so far! finally I could understand all of them! :) thanks Mate!

  • @daemxns1227
    @daemxns1227 3 роки тому

    Eres el mejor maldito profesor que hay en la internet, thanks for existing 🥺

  • @leojones6568
    @leojones6568 4 роки тому

    Bro i gotta say that i'm interested in learning programming and at first i was afraid that it'll be freaking hard to learn it because i understand things really but really slow, and it takes to me much time to really understand something, so programming or even web developing? something that is quite hard to understand? I was so much afraid but your videos are giving me so much confident to learn 'cause i understand everything that you're teaching and you teach so understandably and i don't need to go 5 seconds back in the video all the time, i just understand perfectly everyrthing you say and teach so, thank you bro you are amazing!

  • @abirrahman2756
    @abirrahman2756 4 роки тому +1

    If i dont write the width and height inside the div style tag the boxes dont appear ....can some one explain why this happens and how does that div thing works? TIA

  • @lilmattster7613
    @lilmattster7613 3 роки тому +3

    how do you make those boxes because I want to practice what he is saying? thank you mike btw, your vids are so helpful!

    • @Idunge28
      @Idunge28 3 роки тому +1

      @Lilmattster
      and then style it by changing the color of its background and finally setting the border style to none or maybe the border color to the same color as the background color.

    • @lilmattster7613
      @lilmattster7613 3 роки тому

      @@Idunge28 oh tysm!

    • @fancycod7393
      @fancycod7393 2 роки тому +1

      @@lilmattster7613 and then you need to set the height and width , use this as example

  • @JD-rz1ns
    @JD-rz1ns 2 роки тому

    Clear, concise, and understandable, thanks very much.

  • @opencoffeevughtenomstreken2018
    @opencoffeevughtenomstreken2018 2 роки тому

    You are a brilliant teacher Mike !!!

  • @tekesobel9499
    @tekesobel9499 2 роки тому

    Great Mike with you programming is easy

  • @rudrashiva
    @rudrashiva 4 роки тому +2

    He should be the brand ambassador of coding. Infect someone should name a programming language in his name.

  • @sevedozo7335
    @sevedozo7335 2 роки тому

    I love you Mike 😚.no one can teach better than you . in a structured way n the words so precise n hits to the core.

  • @زينالدين-غ4خ
    @زينالدين-غ4خ 2 роки тому

    what's the difference between changing the position of the square relative to the container (if it is inside a div or a span)
    and relative to the document?

  • @billygruff6541
    @billygruff6541 5 років тому +2

    finally a clear explanation.. thanks mate

  • @SandwichEmperor
    @SandwichEmperor 2 роки тому

    I dont understand why the red moves with the blue if the position code is in the blue's line??

  • @ceiven
    @ceiven 2 роки тому

    You keep inspiring me Mike, thanks a lot

  • @musicmasala2391
    @musicmasala2391 4 роки тому +2

    Why did the red div follows blue div in absolute positioning in 0 px example

    • @antonv13
      @antonv13 4 роки тому +1

      Was wondering the same..

  • @shinobiinu6920
    @shinobiinu6920 5 років тому

    Hey Mike, can you help me make a nav bar at the side that is fixed and the only thing that can be scrolled is the content?

  • @sonamuhialdeen7866
    @sonamuhialdeen7866 3 роки тому

    Amazing tutorial

  • @joshuamawutorklint6046
    @joshuamawutorklint6046 3 роки тому

    Fantastic tutorial thanks

  • @Julies_channel
    @Julies_channel 4 роки тому

    This is about CSS, why do you put it in the html-file? What do I put in the css-file? I want to have it separated.

  • @kayanjaismail3731
    @kayanjaismail3731 4 роки тому

    Good work don Mr.Mike Dane
    bu i have a question i would like to move my table to the corner of my page or any where on the page what tag can i use
    Thanks

    • @ondrejmarek9752
      @ondrejmarek9752 4 роки тому

      Check out this:
      ua-cam.com/video/Bzd1Pnxqeic/v-deo.html

  • @j1my258
    @j1my258 3 роки тому

    Drinking game: shot everytime teacher mike says “where it is supposed to be”.
    Thanks for the great explanation!!!

  • @couupakb9669
    @couupakb9669 Рік тому

    My colors just disappear when i type in "top:20px"???

  • @gungunchoudhary1608
    @gungunchoudhary1608 3 роки тому

    Thanks for the video. It's helpful

  • @developerashed610
    @developerashed610 2 роки тому

    absolut beginner help full this content

  • @JaisinhNimbalkar
    @JaisinhNimbalkar 6 років тому

    Great teaching....!👌👌👌

  • @jasonmoulder7690
    @jasonmoulder7690 5 років тому

    im just getting a red box on top the blue box am i missing something i cant see the end of either line

    • @jasonmoulder7690
      @jasonmoulder7690 5 років тому

      ok nevermind i figured it out i guess it pays to read instructions

  • @tempeti8295
    @tempeti8295 4 роки тому

    Whenever I put the "top:20px;" for the relative positioning, the 2 colors are static, they don't overlap. Not sure why.. I have the same html file as you.
    Edit: Nevermind this! I just forgot to write my closing tags :D Works perfectly! Thanks Mike.

  • @ilijaknezevic8370
    @ilijaknezevic8370 5 років тому +2

    I type the same lines of code, the squares are totally over one another. What am I doing wrong?

  • @emmanuelkunbit
    @emmanuelkunbit 2 роки тому

    Please sir can you help me to creat website content??

  • @NehaRampuria
    @NehaRampuria 4 роки тому

    I did not understand the difference between fixed and absolute?

  • @samugindert3042
    @samugindert3042 5 років тому

    My page won't scroll down, so it cuts half of the paragraph. Any ideas?

    • @limitless1692
      @limitless1692 5 років тому

      Add more break lines tags
      ......
      It will fix your problem ... add as manny as you wish :) good luck

  • @Eckister
    @Eckister 3 роки тому

    very cool stuff, thank you Mike!

  • @melk48111
    @melk48111 4 роки тому

    Great explanation. Thx

  • @munchycrunch3195
    @munchycrunch3195 3 роки тому

    you are a great teacher :)

  • @ayeshach9076
    @ayeshach9076 5 років тому

    thnx for such amazinf tutorials i really like your style...plzz upload a series like this on mobile app development using
    android studio...it one of my subjects this ssemester and i cant understand it

  • @yogeshsaini9384
    @yogeshsaini9384 4 роки тому +1

    Thanks

  • @stefanjeremic4535
    @stefanjeremic4535 5 років тому

    Good explanation, thank you so much !!!

  • @Ctenid
    @Ctenid 2 роки тому

    Thanks Mike

  • @Shubham-jr8nc
    @Shubham-jr8nc 6 років тому

    Can you upload a full course for JavaScript

  • @ramizanlkal2531
    @ramizanlkal2531 3 роки тому

    thank you mike ,

  • @toderox
    @toderox 2 роки тому

    good job!

  • @souley3292
    @souley3292 2 роки тому

    Amazing!!

  • @Shubham-jr8nc
    @Shubham-jr8nc 6 років тому

    Best video ever.

  • @shahariarsarkar3433
    @shahariarsarkar3433 4 роки тому

    Hey Mike, Please make a long CSS video by combining all the Videos.

  • @oxygenfh4499
    @oxygenfh4499 3 роки тому

    If i were a king , I should donate you💟

  • @mr.oddjellyfish8364
    @mr.oddjellyfish8364 3 роки тому

    Dang! Thank you so much

  • @girishanker3796
    @girishanker3796 2 роки тому

    Clean 🤍

  • @szymonozimek
    @szymonozimek Рік тому

    perfect, thank you!!!!!!!!!!!!!!!!!!!!!

  • @АлександрМатвеев-ъ7з

    thanks man

  • @xyrycYT
    @xyrycYT 4 роки тому +1

    don't write like this:
    write like this :
    stupid me wasted 10 minutes for this.

  • @araWINd-niqqa
    @araWINd-niqqa Рік тому

    :) very cool
    ggs

  • @geetapathania4115
    @geetapathania4115 4 роки тому

    HI. very nice tutorial. I am starting learning and having much interest . Best teacher.But could you please do this positioning thing with text and show. With this boxes is not easy to understand.
    Thank You
    all the best

  • @daemxns1227
    @daemxns1227 4 роки тому

    ¿Por qué todos los canales latinos no explican de esta manera? Sentí satisfacción por dos cosas:
    1. Entendí la propiedad position a la perfección
    2. Llevo solo 4 semanas aprendiendo inglés y entendí el vídeo completo jeje

  • @expertmars1032
    @expertmars1032 4 роки тому

    who disliked

  • @Dev_Anand_C
    @Dev_Anand_C 4 роки тому

    Thanks