Question: Please help me recreate layout B.Using CSS and HTML. Recreating one page layout from scratch: Black and white, No color scheme is needed Less use

 Please help me recreate layout B.Using CSS and HTML. Recreating one
page layout from scratch: Black and white, No color scheme is needed
Less use of divs and more use of actual cascade Layout B:
Please I need help with my Css. I started already, but nothing
seems to me going right. The pictures includes what the layout should

Please help me recreate layout B.Using CSS and HTML. Recreating one page layout from scratch: Black and white, No color scheme is needed Less use of divs and more use of actual cascade Layout B: Please I need help with my Css. I started already, but nothing seems to me going right. The pictures includes what the layout should look like, and also the codes I've started with. I don't know why but everything in the main content area isn't working Css code I started with scontainer { argin: auto; background: white width: 1000px: height: 1000px } #masterhead background: black; height: 6px; } 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 #leftbox float: left: background: white; height: 10px; width: 50px; border: 4px; padding: 15px; margin-left: 25px; margin-top: 15px; } 30 31 32 33 34 35 36 37 .headerbox { display: block) float: left; backgrounds gray: border: 1px solid gray3 width: Sepx; height: 20px; margin: 20px 8px 0px 45px > #sideborder ( border: 15px solid black; background: black width: 0px height: 600px padding: 10px; margin-right: Sex 42 > Eleftboxx background: white; height: 10px width: So Css code I started with height: 688px; padding: 18px; 48 margin-right: 80px 41 42 43 44 #leftboxx { 45 background: white; 46 height: 10px; 47 width: 5px; 48 border: 4px; 49 padding: 15px; 5@ margin-top: 570px; 51 margin-right: @px; 52 border-radius: 3px; 53 } 54 55 #maincontent ( 56 background: white; 57 height: 600px: 58 } 59 60 mainbox 61 background: grays 62 height: 40px: 63 width: 300px 64 borders 4px; 65 padding: 5px 56 margin-top: 10px? 62 margin-left: 14051x3 68 69 > 70 71 na inbox2 72 float: rights 73 backgroundt gray 74 height 40 75 width 3000NT 78 borderi 4 77 paddings Spx; 70 margin-top: 100 70 margin-right se I need help completing the rest using the same format of how I started, doesn't have to be too complicated Please help me recreate layout B.Using CSS and HTML. Recreating one page layout from scratch: Black and white, No color scheme is needed Less use of divs and more use of actual cascade Layout B: Please I need help with my Css. I started already, but nothing seems to me going right. The pictures includes what the layout should look like, and also the codes I've started with. I don't know why but everything in the main content area isn't working Css code I started with scontainer { argin: auto; background: white width: 1000px: height: 1000px } #masterhead background: black; height: 6px; } 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 #leftbox float: left: background: white; height: 10px; width: 50px; border: 4px; padding: 15px; margin-left: 25px; margin-top: 15px; } 30 31 32 33 34 35 36 37 .headerbox { display: block) float: left; backgrounds gray: border: 1px solid gray3 width: Sepx; height: 20px; margin: 20px 8px 0px 45px > #sideborder ( border: 15px solid black; background: black width: 0px height: 600px padding: 10px; margin-right: Sex 42 > Eleftboxx background: white; height: 10px width: So Css code I started with height: 688px; padding: 18px; 48 margin-right: 80px 41 42 43 44 #leftboxx { 45 background: white; 46 height: 10px; 47 width: 5px; 48 border: 4px; 49 padding: 15px; 5@ margin-top: 570px; 51 margin-right: @px; 52 border-radius: 3px; 53 } 54 55 #maincontent ( 56 background: white; 57 height: 600px: 58 } 59 60 mainbox 61 background: grays 62 height: 40px: 63 width: 300px 64 borders 4px; 65 padding: 5px 56 margin-top: 10px? 62 margin-left: 14051x3 68 69 > 70 71 na inbox2 72 float: rights 73 backgroundt gray 74 height 40 75 width 3000NT 78 borderi 4 77 paddings Spx; 70 margin-top: 100 70 margin-right se I need help completing the rest using the same format of how I started, doesn't have to be too complicated

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!