Need Help with HTML Project

[Caleb SF]

To start I will say that this is a school assignment. We hardly covered variables.

 

The web page should be able to take the entered values and print out the amount of paint is required. It should also look like the "Outcome" image. I cannot get the table and image to line up like it is supposed to. I also cannot get the button to print out the amount of paint required... The instructions specifically said to make the table, center aligned. It also said that this would cause the image to fall into place, except it didn't and I had to left align the image.

 

I have 3 files w/ 3 different ways I've tried. You will need the last picture and rename it measure.gif for it to show up. I am using Brackets

 

Thank you for your help!

 

 

Paint Calculator 1.html

Paint Calculator 2.html

Paint Calculator 3.html

[tp95112]

Use div tags and css to line them up

[Caleb SF]

1 minute ago, tp95112 said:

Use div tags and css to line them up

Like a div for the image and a div for the table? Or just to clean up the entire thing?

[tp95112]

Just now, Caleb SF said:

Like a div for the image and a div for the table? Or just to clean up the entire thing?

Yes

[Caleb SF]

27 minutes ago, tp95112 said:

Yes

It usually would be pretty clean, but I've never used brackets before and it seems like it handles spacing differently. Also do I need a div for the table?

[tp95112]

Yep, table tag within the div so you can adjust it to match