In this CSS tutorial we cover both absolute and relative positioning and how the two interact with each other. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
Thanks for the video, was very helpful :) I do have a question. I'm using Notepad++ with Internet Explorer 11 under Windows 7, as it's the easiest method I've found for dealing with HTML and CSS; All these so-called "free" website builders only add complication and limits. ...but how did you move that photo into that position on the screen and have it stay there? When I tried to do the same thing, my mouse would not drag the image object, nor allow me to interact with it? Is this a Google Chrome thing?
When I try moving things with position relative it won't place them over other elements as in your example - it will always maintain normal flow. So if I position an element 5px from the top then that element will be moved 5px away from whatever comes before it, not from the actual page.
No matter what I do, setting a numerical value for width and height, the background colour doesn't fill the container; it just surrounds the text.
Moreover, again, even after setting the width and length, the div container runs the entire length of the screen!
Saw this video after watching 5-6 videos on CSS position but gain nothing..and u just clear all my doubts regarding CSS positions... Subscribed....keep posting web dev videos and made it easy for me...
thanks man , you have explained it in a very good way ,but I have a question , you know when you set an element to pisition absolute its parent becomes with no width because it becomes no longer in the flow
even if I gave it the clearfix solution it doesn t work because the element is not floated is there a solution to this .
clearly explained. learning css on sololearn atm and the tutorial for it wasnt that clear. at least they didnt give good examples. tryied it in code playground but still didnt understood that right. you helped me out bro, thanks for this tutorial! :D
Good video. One question though:
What if you have already added 'position: relative' as a property on the container for the purpose of moving the container in a direction, but one of the child elements you wish to give position:absolute to the corner of the page i.e. to not honor it parent element in positioning. Because you have given relative to the container this would then mean that any child of that element will be locked in position to it. Is this correct?
I love the positive attitude with which you approach the different subjects you teach. I really enjoy listening to your videos and hope to learn more. I'm going to subscribe to your channel. Thank you, and keep up the great work!
i Like the simplicity with which you explain in youtube. Could you plz
do a video on Python from basic to professional. (may be python and mysql in developing app like comment/opinion analysis) It would b very useful for my thesis work. thnx waiting...
URBAN NATION MUSEUM FOR URBAN CONTEMPORARY ART is an international institution for art, creative projects and social exchange. Since September 2017 URBAN NATION shows under the leitmotif "Connect. Create. Care." that the house is far more than a museum.
Museum Opening hours Tuesday-Sunday: 10.00-18.00 Free admission.
Adress Bülowstraße 7, 10783 Berlin, Germany Contact [email protected] Follow Us.
IN THE STUDIO WITH … HAYLEY.
British born artist Hayley Welsh, has established herself as one of the newest creatives in the Western Australian art scene. There is something quite fantastical and a little bit dark lurking in Hayley’s work. Her latest work of art was created for the URBAN NATION and kicks off “The Monster Project”. We took the chance
Live @ the museum III – “Home” by Icy & Sot.
With her work made live in the URBAN NATION Museum, the artist duo once again draws attention to the fate of refugees and addresses the yearning for a home. Born in Iran, the artist duo Icy & Sot is known for addressing current political debates about war, peace, hope, despair and above all human rights […]
Three New Community Walls in June by Frz, Nafir & Xamoosh.
In addition to the two artists behind Icy & Sot, three other street artists from Iran will visit Berlin at the end of June and design one of our communiy walls on Bülowstraße. The three Iranians Frz, Nafir and Xamoosh are an integral part of the Iranian street art community. In their works, they address […]
Retrospective – SCOPE Art Show x URBAN NATION Museum.