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

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 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.

  • @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!

  • @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!!

  • @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!

  • @miguelhyto54
    @miguelhyto54 3 ปีที่แล้ว +2

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

  • @博闻-y2u
    @博闻-y2u 3 ปีที่แล้ว +2

    Watching your tutorial is such a great experience.

  • @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

  • @loftondarps
    @loftondarps 2 หลายเดือนก่อน

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

  • @porker5749
    @porker5749 5 ปีที่แล้ว +5

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

  • @daemxns1227
    @daemxns1227 3 ปีที่แล้ว

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

  • @limitless1692
    @limitless1692 5 ปีที่แล้ว +25

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

  • @elenahlihor4518
    @elenahlihor4518 2 ปีที่แล้ว

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

  • @phyothiha5419
    @phyothiha5419 4 ปีที่แล้ว +1

    you are the best teacher for me

  • @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.

  • @attilaguba856
    @attilaguba856 ปีที่แล้ว

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

  • @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.

  • @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!

  • @billygruff6541
    @billygruff6541 5 ปีที่แล้ว +2

    finally a clear explanation.. thanks mate

  • @JD-rz1ns
    @JD-rz1ns 2 ปีที่แล้ว

    Clear, concise, and understandable, thanks very much.

  • @tekesobel9499
    @tekesobel9499 2 ปีที่แล้ว

    Great Mike with you programming is easy

  • @opencoffeevughtenomstreken2018
    @opencoffeevughtenomstreken2018 2 ปีที่แล้ว

    You are a brilliant teacher Mike !!!

  • @rudrashiva
    @rudrashiva 4 ปีที่แล้ว +2

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

  • @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

  • @زينالدين-غ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?

  • @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

  • @j1my258
    @j1my258 3 ปีที่แล้ว

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

  • @ceiven
    @ceiven 2 ปีที่แล้ว

    You keep inspiring me Mike, thanks a lot

  • @SandwichEmperor
    @SandwichEmperor 2 ปีที่แล้ว

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

  • @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..

  • @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.

  • @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?

  • @joshuamawutorklint6046
    @joshuamawutorklint6046 3 ปีที่แล้ว

    Fantastic tutorial thanks

  • @couupakb9669
    @couupakb9669 ปีที่แล้ว

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

  • @sonamuhialdeen7866
    @sonamuhialdeen7866 3 ปีที่แล้ว

    Amazing tutorial

  • @gungunchoudhary1608
    @gungunchoudhary1608 3 ปีที่แล้ว

    Thanks for the video. It's helpful

  • @yogeshsaini9384
    @yogeshsaini9384 4 ปีที่แล้ว +1

    Thanks

  • @Shubham-jr8nc
    @Shubham-jr8nc 6 ปีที่แล้ว

    Best video ever.

  • @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.

  • @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

  • @Eckister
    @Eckister 3 ปีที่แล้ว

    very cool stuff, thank you Mike!

  • @Ctenid
    @Ctenid 2 ปีที่แล้ว

    Thanks Mike

  • @JaisinhNimbalkar
    @JaisinhNimbalkar 6 ปีที่แล้ว

    Great teaching....!👌👌👌

  • @NehaRampuria
    @NehaRampuria 4 ปีที่แล้ว

    I did not understand the difference between fixed and absolute?

  • @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:
      th-cam.com/video/Bzd1Pnxqeic/w-d-xo.html

  • @munchycrunch3195
    @munchycrunch3195 3 ปีที่แล้ว

    you are a great teacher :)

  • @melk48111
    @melk48111 4 ปีที่แล้ว

    Great explanation. Thx

  • @developerashed610
    @developerashed610 2 ปีที่แล้ว

    absolut beginner help full this content

  • @emmanuelkunbit
    @emmanuelkunbit 2 ปีที่แล้ว

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

  • @ramizanlkal2531
    @ramizanlkal2531 3 ปีที่แล้ว

    thank you mike ,

  • @souley3292
    @souley3292 2 ปีที่แล้ว

    Amazing!!

  • @stefanjeremic4535
    @stefanjeremic4535 5 ปีที่แล้ว

    Good explanation, thank you so much !!!

  • @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

  • @ilijaknezevic8370
    @ilijaknezevic8370 5 ปีที่แล้ว +2

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

  • @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

  • @toderox
    @toderox 2 ปีที่แล้ว

    good job!

  • @Shubham-jr8nc
    @Shubham-jr8nc 6 ปีที่แล้ว

    Can you upload a full course for JavaScript

    • @agarespreta8983
      @agarespreta8983 6 ปีที่แล้ว

      watch?v=_jlPywA4dKs

    • @alexmercer8527
      @alexmercer8527 5 ปีที่แล้ว

      he has in his website go and check it www.mikedane.com/

  • @szymonozimek
    @szymonozimek ปีที่แล้ว

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

  • @shahariarsarkar3433
    @shahariarsarkar3433 4 ปีที่แล้ว

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

  • @mr.oddjellyfish8364
    @mr.oddjellyfish8364 3 ปีที่แล้ว

    Dang! Thank you so much

  • @girishanker3796
    @girishanker3796 2 ปีที่แล้ว

    Clean 🤍

  • @oxygenfh4499
    @oxygenfh4499 3 ปีที่แล้ว

    If i were a king , I should donate you💟

  • @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

  • @АлександрМатвеев-ъ7з
    @АлександрМатвеев-ъ7з 5 ปีที่แล้ว

    thanks man

  • @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

  • @xyrycYT
    @xyrycYT 4 ปีที่แล้ว +1

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

  • @expertmars1032
    @expertmars1032 4 ปีที่แล้ว

    who disliked

  • @Dev_Anand_C
    @Dev_Anand_C 4 ปีที่แล้ว

    Thanks