Question
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.
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 | 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 |
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started