Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

i need help with part 2 please. i posted out from the code as i can but u can type the heading and bottom so

i need help with part 2 please. i posted out from the code as i can but u can type the heading and bottom so u can answer the 3 parts.

thanks

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui o-F-Ficia deserunt mollit anim id est laborum.

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui o-F-Ficia deserunt mollit anim id est laborum.

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui o-F-Ficia deserunt mollit anim id est laborum.

image text in transcribedimage text in transcribedimage text in transcribed

Part 2 - CSS Selectors + Positioning Now update your folder structure to include the new html file called csspart2.html within the C55_extercise folder Add the following html to the file: SS Positioning

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 0-F-Ficia deserunt mollit anim id est laborum.

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 0-F-Ficia deserunt mollit anim id est laborum.

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 0-F-Ficia deserunt mollit anim id est laborum.

Box 1
Box 2
Box 3
Box 4
Using CSS make the div called box 1: the colour: #ee3e64 with the dimensions: 200 x 200px box 2: the colour: #44accf with the dimensions: 200 x 200px box3: the colour: #b7d84b with the dimensions: 200 x 200px box 4: the colour: #44accf with the dimensions: 200 x 200px Exercise 2.1 Style the html to look like the following: Refer to https://www.w3schools.com/cssref/pr class float.asp or class lecture for help. |EGet diarylearedetenstras 2 - S Peeharany dan tie , anal impar aliast at thara hara Ins | ye . an - | valaprae make Her la diars president, " , pa naidiariest interestar , | ipair i releine Exercise 2.2 Style the page again as in exercise 2.1 but just using the class selector. Exercise 2.3 Now re-style the boxes to do the following | Exercise 2.4 Without using floating rules get the web page to look the same as in Exercise 2.3 Put a
around the four
s and set it position to relative, while each box div is set to absolute Refer to https://www.w3schools.com/css/css_positioning.asp or class lecture for help Exercise 2.5 Without using floating rules get the web page to look like: use z-index, see https://www.w3schools.com/cssref/pr_pos z-index.asp wie Wiesenere 2-6 cmc damco laboris nisi ut aliquip ex ea commodo que Deus were dolor in het in nelle princepe sa stret, tincidunt in die de moderne bere temps hip code como se redoke in hindi princepto locate the resident . srid os tamil impar inistratore star ta. il color mais commodo conegut Dutere dolor princepteur sint occaecat cupidatat proident, sunt in culpa qui officia desert Part 2 - CSS Selectors + Positioning Now update your folder structure to include the new html file called csspart2.html within the C55_extercise folder Add the following html to the file: SS Positioning

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 0-F-Ficia deserunt mollit anim id est laborum.

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 0-F-Ficia deserunt mollit anim id est laborum.

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 0-F-Ficia deserunt mollit anim id est laborum.

Box 1
Box 2
Box 3
Box 4
Using CSS make the div called box 1: the colour: #ee3e64 with the dimensions: 200 x 200px box 2: the colour: #44accf with the dimensions: 200 x 200px box3: the colour: #b7d84b with the dimensions: 200 x 200px box 4: the colour: #44accf with the dimensions: 200 x 200px Exercise 2.1 Style the html to look like the following: Refer to https://www.w3schools.com/cssref/pr class float.asp or class lecture for help. |EGet diarylearedetenstras 2 - S Peeharany dan tie , anal impar aliast at thara hara Ins | ye . an - | valaprae make Her la diars president, " , pa naidiariest interestar , | ipair i releine Exercise 2.2 Style the page again as in exercise 2.1 but just using the class selector. Exercise 2.3 Now re-style the boxes to do the following | Exercise 2.4 Without using floating rules get the web page to look the same as in Exercise 2.3 Put a
around the four
s and set it position to relative, while each box div is set to absolute Refer to https://www.w3schools.com/css/css_positioning.asp or class lecture for help Exercise 2.5 Without using floating rules get the web page to look like: use z-index, see https://www.w3schools.com/cssref/pr_pos z-index.asp wie Wiesenere 2-6 cmc damco laboris nisi ut aliquip ex ea commodo que Deus were dolor in het in nelle princepe sa stret, tincidunt in die de moderne bere temps hip code como se redoke in hindi princepto locate the resident . srid os tamil impar inistratore star ta. il color mais commodo conegut Dutere dolor princepteur sint occaecat cupidatat proident, sunt in culpa qui officia desert

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Database Principles Programming And Performance

Authors: Patrick O'Neil

1st Edition

1558603921, 978-1558603929

More Books

Students also viewed these Databases questions