What is LessonUp
Lesson library
Channels
AI tools
Log in
Start for free
‹
Return to search
Using Positioning
Using Relative and Absolute Positioning
In this lesson you would look and Relative and Absolute positioning to Place your Images and Text.
Watch the video and answer the following questions.
1 / 11
next
Slide 1:
Slide
Ilearningdeal@gmail.com
Upper Secondary (Key Stage 4)
BTEC
This lesson contains
11 slides
, with
interactive quizzes
and
text slides
.
Start lesson
Save
Share
Print lesson
Items in this lesson
Using Relative and Absolute Positioning
In this lesson you would look and Relative and Absolute positioning to Place your Images and Text.
Watch the video and answer the following questions.
Slide 1 - Slide
ucguk-my.sharepoint.com
Slide 2 - Link
div.relative { position: relatve;
width: 600px;
height: 500px;
border: 3px solid #73AD21;
What is the name of the class?
A
div
B
relative
C
Position
D
absolute
Slide 3 - Quiz
div.relative {
position: relatve;
width: 600px;
height: 500px;
border: 3px solid #73AD21;
} What is "div"
A
Divides the page s into block's
B
Justifies the page
C
Just a label
D
Nothing
Slide 4 - Quiz
Whats the difference between abolute and relate
A
Relative starts the position from where it naturally occurs on the page
B
Relative is easier
C
Not difference
D
No difference
Slide 5 - Quiz
Task
Use the html link below to position four absolute elements into the relative squares
Top Left , Top Right
Bottom left Bottom Right
Slide 6 - Slide
www.w3schools.com
Slide 7 - Link
Explain how you would apply
Relative and Absolute Positioning to you images
Slide 8 - Mind map
Implement
Plain and make the changes
Slide 9 - Slide
The End
Thank you for learning with us
Slide 10 - Slide
www.w3schools.com
Slide 11 - Link
More lessons like this
Programming A Screen Turtle
December 2023
-
19 slides
Computing
Primary Education
LessonUp Inspiration
Vincent XL
November 2023
-
11 slides
Art
Primary Education
Lower Secondary (Key Stage 3)
Van Gogh Museum
Lesson 2. The two Teachings of the Buddha: The Four Noble Truths and the Eightfold Path.
May 2026
-
21 slides
Religious education
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
BTEC, GCSE
ATMT
Lesson 3. The Five Pillars of Islam: Fundamental Duties of a Muslim.
May 2026
-
41 slides
Religious education
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
BTEC, GCSE
ATMT
Lesson 8. Life Rituals and Important Buddhist Festivals.
May 2026
-
21 slides
Religious education
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
BTEC, GCSE
ATMT
News quiz - Week 23 (30 seconds)
June 2024
-
13 slides
Citizenship
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
LessonUp News Quiz
News quiz - Week 23 (20 seconds)
June 2024
-
13 slides
Citizenship
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
LessonUp News Quiz
News quiz - Week 23 (10 seconds)
June 2024
-
13 slides
Citizenship
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
LessonUp News Quiz