Wat is LessonUp
Zoeken
Kanalen
aiToolsTab
Beta
Inloggen
Registreren
‹
Terug naar zoeken
floating -two child in Parent div
Layout Proficiency
Please go through the lesson on the layout before completing this lesson.
You will learn how to use , float and clear fix to complete your layout. Thank you
1 / 10
volgende
Slide 1:
Tekstslide
Online word
Lower Secondary (Key Stage 3)
In deze les zitten
10 slides
, met
interactieve quizzen
,
tekstslides
en
1 video
.
Start les
Bewaar
Deel
Printen
Onderdelen in deze les
Layout Proficiency
Please go through the lesson on the layout before completing this lesson.
You will learn how to use , float and clear fix to complete your layout. Thank you
Slide 1 - Tekstslide
6
Slide 2 - Video
00:00
No element inside the main div means
A
Main div has no width
B
Main div has no margin
C
Main div has no border
D
Main div has no height
Slide 3 - Quizvraag
21:11
write down the div tags that could be used to create the layout. include the name of the ID
observe the layout
Slide 4 - Open vraag
21:50
.clearfix::after{content:""
display:block;
clear:auto;}
the height of the parent usually goes to "0 px" after float- select all the correct options
A
Yes because the parent has no contents
B
If you did not use this instruction you wont see the background colour of the parents
C
The instruction is necessary to make parent height to equal the child's height. parent div to
D
None of the above
Slide 5 - Quizvraag
23:39
Name the ids
Slide 6 - Open vraag
24:12
Name the six formatting tags that is applied to the "parent div"
Slide 7 - Open vraag
30:12
Explain the diagram
Slide 8 - Open vraag
Thank you for learning with us
Outcome you should understand and apply
1. floating
2. layout using div tag
3. clearfix
4. normalisation
Slide 9 - Tekstslide
The End
Slide 10 - Tekstslide
Meer lessen zoals deze
2. What are rocks and how are they a natural resource? Part 1.
October 2024
- Les met
7 slides
door
Geography
Geography
Lower Secondary (Key Stage 3)
Geography
News quiz - Week 18 (10 seconds)
May 2024
- Les met
13 slides
door
LessonUp News Quiz
Citizenship
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
LessonUp News Quiz
News quiz - Week 18 (20 seconds)
May 2024
- Les met
13 slides
door
LessonUp News Quiz
Citizenship
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
LessonUp News Quiz
News quiz - Week 18 (30 seconds)
May 2024
- Les met
13 slides
door
LessonUp News Quiz
Citizenship
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
LessonUp News Quiz
Quiz: Cartoons
September 2024
- Les met
34 slides
Design and technology
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
Primary Education
Quiz: Cartoons
August 2024
- Les met
34 slides
door
Quiz!
Design and technology
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
Primary Education
Quiz!
News quiz - Week 20 (30 seconds)
May 2025
- Les met
13 slides
door
LessonUp News Quiz
Citizenship
News
+3
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
Higher Education (degree)
Primary Education
Higher Education (non-degree)
Foundation Degree
Special Education
BTEC, GCSE
LessonUp News Quiz
News quiz - Week 20 (10 seconds)
May 2025
- Les met
13 slides
door
LessonUp News Quiz
Citizenship
News
+3
Lower Secondary (Key Stage 3)
Upper Secondary (Key Stage 4)
Further Education (Key Stage 5)
Higher Education (degree)
Primary Education
Higher Education (non-degree)
Foundation Degree
Special Education
BTEC, GCSE
LessonUp News Quiz