Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Image 1 is my code for my website currently. In image 2 is how my website looks. Image 3 is the instructions I need to

Image 1 is my code for my website currently. In image 2 is how my website looks. Image 3 is the instructions I need to use to create my table. Image 4 is how my table should look like. Image 5 is my css code for styling the table. It is where I do all my css edits for the table.

I need my table in image 2 to look exactly like the table in image 4 using the instructions in image 3. All my css styling fro the table are in image 5. This was all done through Notepad ++ and I would appreciate if you could use the same thing or something similar. There should be a set of code for the HTML sections and a different section for the CSS code. Please try to divide the two sets of code so I know which goes where.

image text in transcribed

image text in transcribed

image text in transcribed

image text in transcribed

image text in transcribed


E 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 65 66 67 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 85 Hyper Text Markup Language file Home About Us Breakfast Lunch Dinner Appetizers and Extras Locations Contact Us Order Events Order Now Dish Price Quantity Italian Baked Eggs & Sausage $7.95 Veggie Sausage Strata $6.50 Bruschetta $5.95 Pasta Con Pomodoro E Basilico $8.50 Margherita Pizza $14.95 Pizza Siciliana $14.95 Marinated Mozzarella & Tomato $4.95 Italian Meatball Buns $6.95 Total Place Order . O Step 4. Set up table and form for ordering On the order page, Set up a 3-column table with a dish name in the first column, price in the second column, and a number control for quantity in the third column of each row Include a row with column headings Third column should be a number input control with a min of O and max of 10 to indicate the quantity ordered for the dish Give each control a different name attribute corresponding with the name of the dish (use short names with no spaces) Let the last row show Total in the first column and a "Place Order" button in the second column Use caption, thead, tbody, and th with scope, for accessibility Style the table (minimum background color and border settings) Use method="get" and action="#" for the form element attributes o O . Breakfast Lunch Dinner Appetizers Locations Contact us Events Order Quantity Order now! Dish Price Shrimp and Grits $7.99 Eggs and Hash $6.99 Deviled Eggs $4.99 Fried Pickles $5.99 Fried Catfish with Collard Greens $9.99 Chicken Finger Plate $8.99 Country Fried Steak $11.99 Country Ham Plate $10.99 Total Place Order Employment Survey breakfast.html x tables.html x fusion Styles.css x tableStyles.css X table ! 2 border: solid 1pt black; 3 border-collapse: collapse; 4 } 5 6 td, th{ 7 border: solid 1pt black; L} 9 10 tbody tr:nth-child{odd) { background-color: yellow; - } tbody tr:hover { background-color: orange; color: gray; } 13 14 15 16 17 18 19 20 21 22 23 24 25 26 table ! border-collapse: collapse; border-spacing: 0; width: 100%; border: 2px solid #000; background-color: #fff; /*Table Background / width: 708; margin: 0 auto; 27 29 29 30 31 32 33 table th, table td { border: 2px solid #000; } th, td { text-align: left; padding: 6px; } 34 35 36 37 38 tbody tr:nth-child(even) { background-color: #aed7e7; } tbody tr:hover{ background: #31b2e4; 39 40 41 42 43
Order Now
Dish Price Quantity
Italian Baked Eggs & Sausage $7.95
Veggie Sausage Strata $6.50
Bruschetta $5.95
Pasta Con Pomodoro E Basilico $8.50
Margherita Pizza $14.95
Pizza Siciliana $14.95
Marinated Mozzarella & Tomato $4.95
Italian Meatball Buns $6.95
Total

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

Practical Azure SQL Database For Modern Developers Building Applications In The Microsoft Cloud

Authors: Davide Mauri, Silvano Coriani, Anna Hoffma, Sanjay Mishra, Jovan Popovic

1st Edition

1484263693, 978-1484263693

More Books

Students also viewed these Databases questions

Question

What is the purpose of the Salary Structure Table?

Answered: 1 week ago

Question

What is the scope and use of a Job Family Table?

Answered: 1 week ago