University of Phoenix CSS Practice Lab

User Generated

ory_nve01

Programming

Description

4.14 LAB: CSS practice

You are to create a web page for the following poem/song, entitled "Yesterday":

Yesterday, All those backups seemed a waste of pay. Now my database has gone away. Oh I believe in yesterday.

Suddenly, There's not half the files there used to be, And there's a milestone hanging over me. The system crashed so suddenly. I pushed something wrong, What it was I could not say.

Now all my data's gone and I long for yesterday-ay-ay-ay.

Yesterday, The need for back-ups seemed so far away. I knew my data was all here to stay, Now I believe in yesterday.


Use CSS to format the web page so it looks exactly like the screenshot below:

Requirements

  1. Using either an embedded style sheet or inline styles for all formatting.
  2. Use a <div> for each of the 4 verse containers and the outer container.
  3. The title “Yesterday” uses an <h2> tag with a 16pt Arial font that is blue and italicized. Do not use an <i> tag.
  4. The entire song is embedded in a container that is 600 x 280 pixels, has a two pixel solid blue border, and a five pixel padding. The background color is #F0F0F0.
  5. The outer <div>'s first child is the <h2>. The 4 child <div>s follow, declared in the order listed below.
  6. The yellow section:
    • has a background color of "yellow"
    • floats to the left
    • has a 200 pixel width
    • has a 10 pixel padding
    • has a right margin of 10 pixels, with all other margins set to 0
  7. The section with no background color has no CSS styling.
  8. The orange section:
    • has a background color of "orange"
    • is positioned at (110px, 200px) with absolute positioning
    • has a 200 pixel width
    • has a 10 pixel padding
  9. The orange-red section:
    • has a background color of "rgb(255, 80, 0)"
    • has white text
    • floats to the right
    • has a 200 pixel width
    • has a 10 pixel padding
    • has a right margin of 40 pixels, a top margin of 20 pixels, and all other margins set to 0
  10. Do not use <br> anywhere in your HTML.

User generated content is uploaded by users for the purposes of learning and should be used following Studypool's honor code & terms of service.

Explanation & Answer

At...


Anonymous
Just the thing I needed, saved me a lot of time.

Studypool
4.7
Trustpilot
4.5
Sitejabber
4.4

Related Tags