Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

in the first picture is how my table is currently looking like. the second picture is where I will style the table using CSS. how

in the first picture is how my table is currently looking like. the second picture is where I will style the table using CSS. how to I get my table from picture 1 to look like the table in picture 3. the instructions are in picture 4. image text in transcribed
image text in transcribed
image text in transcribed
image text in transcribed
this is my code for picture 1. I am also not sure how to link the css styling back to my table image text in transcribed
Details Item contains Italian sausage, Parmesan, Eggs, and Flour. Nutrition Information Portion Size Calories Protein Sodium Carbohydrate Small 169 700mg 15g Medium 338 1,090mg 30g Large 534 1,300mg 37g 135 35g 32g - - - - - - - - breakfast html x 72 forma html x fusionStyles.css X tables.html x tableStyles css X 70 Ba:visited, a:link { 71 color: green; text-decoration:none; 73 } 74 75 /* Step 4k */ 76 nav a:visited, a:link ( 77 color: orange; 78 text-decoration:none; 79 ) 80 81 /* Step 41 */ I 82.dish details { 83 color:red; 84 3 85 * Step 4m / 86 B. under Construction 87 color: orange; 88 font-style: italic; 89 } 90 I o CO CO CO CO COCO 92 Shrimp and Grits................. ...... $7.99 Details Item does contain shelfish. Item contains shrimp, old fashioned grits, garlic cloves, bacon, green onion, and cheddar cheese, Nutrition Information Portion Size Calories Protein Sodium Carbohydrate Small 169 Medium 338 25 g 1,090 mg 30 g Large 534 32: 1.300 mg 37 13.8 700 me 15 - Step 2. Add table Find the breakfast, lunch, dinner, and extras pages. Each dish on each page should have a summary/detail element with the text "more details" in the summary. The details section just has a list of allergens For this project, add a table of nutrition information for the dish, just below the allergens in the detail section. It should have 3 rows and 5 columns. (The first column is the Portion Size). The first row should contain calorie, protein, sodium, and carbohydrate numbers for a small portion, the second row should contain the same data for a medium portion, and the third row should have data for a large portion Include a thead row with th column titles. Use good practices by including the caption, th with scope attribute, thead, and tbody. Style it with a zebra style (set the table background color and every odd row), and change the row to blue when hovered. Don't create a new stylesheet; add to the fusion Styles.css. Details

Item contains Italian sausage, Parmesan, Eggs, and Flour.

35 36 37 38 39 40 41 42 43 45 46 I 10HD 48 49 50 51 52 53 54 55 56 57 59 59 60 61 62 63 64 65 tr2
Portion Size calories Protein Sodium Carbohydrate
Small 169 139 700mg
15
Medium 338 359 1,090mg
30g
Large 534 32g 1,300mg
37g
66 69 70 71 72 13 75 78

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

Data And Databases

Authors: Jeff Mapua

1st Edition

1978502257, 978-1978502253

More Books

Students also viewed these Databases questions

Question

What is the function of the reserved word class?

Answered: 1 week ago

Question

what is a peer Group? Importance?

Answered: 1 week ago

Question

Provide examples of Dimensional Tables.

Answered: 1 week ago