I basically just need the below HTML code altered to rely on CSS for all it's styling Need multiple boxes with each one showing off different affects and styling such as being in different postions, sizes, colors, borders, fading in and out when the mouse is over it ect So in the end it would have the HTML doc and seperate CSS code that's really all it is just a bunch of boxes showing various things CSS can do Below is the base requirements and the HTML code i've got so far Add more elements to the page and style them Style the dimensions, colors and other properties of the page elements Use inline styling and internal style sheets to the style page Avoid using HTML tag attributes Position your block level elements with position top, left and float Boxes Example body background color c0c0c0 div box1 background color black color white border style groove border color blue margin 20px padding 20px height 300px width 250px position absolute top 30px left 500px div containerBox background color 104040 color white border style solid border color black border width 1px padding 10px position relative top 7px left 7px height auto width auto div shadowBox background color 909090 position relative top 7px left 7px margin bottom 5px margin right 5px height 300px width 250px floating box float left width 150px height 75px margin 10px border 3px solid 73AD21 after box clear left border 3px solid red custom border 10px solid 000 border radius 10px 40px 40px 10px width 200px height 100px background color ccc Little Boxes Little boxes on the hillside, Little boxes made of ticky tacky, Little boxes on the hillside, Little boxes all the same There's a green one and a pink one And a blue one and a yellow one, And they're all made out of ticky tacky And they all look just the same CSIS1430 HTML CSIS1430 HTML CSIS1430 HTML CSIS1430 HTML CSIS1430 HTML FLOATING BOXES Floating box Floating box Floating box Floating box Floating box Floating box Floating box Floating box Another box, after the floating boxes Custom Boxes A custom box

The Answer is in the image, click to view ...

Question: I basically just need the below HTML code altered to rely on CSS for all it's styling. Need multiple boxes with each one showing off

I basically just need the below HTML code altered to rely on CSS for all it's styling. Need multiple boxes with each one showing off different affects and styling such as being in different postions, sizes, colors, borders, fading in and out when the mouse is over it ect. So in the end it would have the HTML doc and seperate CSS code. that's really all it is. just a bunch of boxes showing various things CSS can do. Below is the base requirements and the HTML code i've got so far.

Add more

elements to the page and style them

Style the dimensions, colors and other properties of the page elements

Use inline styling and internal style sheets to the style page

Avoid using HTML tag attributes

Position your block-level elements with position top, left and float

Boxes Example

Little Boxes

Little boxes on the hillside, Little boxes made of ticky tacky, Little boxes on the hillside, Little boxes all the same. There's a green one and a pink one And a blue one and a yellow one, And they're all made out of ticky tacky And they all look just the same

CSIS1430 HTML
CSIS1430 HTML
CSIS1430 HTML
CSIS1430 HTML
CSIS1430 HTML

FLOATING BOXES

Floating box

Another box, after the floating boxes...

Custom Boxes

A custom box...

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!

can you please help me solving this it is E- Commerce Cours TRY IT OUT Writing Your First CSS In this Try It Out you will write some CSS that changes the appearance of a header and two paragraphs....

I want you to make a wireframe just like the sample I provided below!! You should include 3 files: index.html, styles.css and main.js. Do the code in jQuery language. Here is the wireframe I want you...

HTML frames are used to divide your browser window into multiple sections where each section can load a separate HTML file. A collection of frames in the browser window is known as a frameser. Your...

Having trouble with an assignment. We need to make a game out of google maps and using the javascript API. I got the javascript started The html code and Css are fine. I have the basics down but dont...

JavaScript (Simple) Framework Homework Overview: In this homework you will implement provider code (a function in an external JS file) that can produce a click sortable HTML table from any JSON...

This assignment tests your understanding of basic HTML and CSS. You will create several files related to a recipe web site for a fictional pie company named Granny's Pies. Turn in the following...

Name the home page simple.html . It should contain your full name, plus links to animals.html , minerals.html , and vegetables.html . In the css directory create one and only one CSS file, named...

It is acceptable to incorporate much of the content submitted for the last assignment, but your site must end up looking very different. This stage allows you to develop more elaborate content and to...

There are two problems due this week (each worth 35 points) as follows. Case 5-1David L. Miller: Portrait of a White-Collar Criminal (page 144). In comprehensive paragraphs, answerrequirements 1?6....

9. What are two roles of the transport layer in data communication on a network? (Choose two.)

A broker is dealing with two clients: one that wants to buy on the margin and one that wants to sell short. The stock is GE and it is currently trading at $72. GE pays $1.20 in dividends per share...

When everything else stay the same, stock price ( P ) will decrease when required return rate ( r ) increase. Question 2 options: TrueFalse

Question 1 ( 1 0 points ) Match the concept to the definition. Each option is only used once or not at all. ( 1 point each ) : Work in Process Inventory Operational Planning Finished Goods Inventory...

4. Who should be invited to attend?

7. How will you encourage her to report back on the findings?

Were the decisions based on appropriate facts?