Question

Case Problem 1 Data Files needed for this Case Problem: mi pricing_txt.html, mi_tables_txt.css, 2 CSS files, 3 PNG files, 1 THTML 492 HTML and CSS Tutorial 6 Working with Tables and Columns 4. Add a colgroup element to the web table containing two co

Need help starting from question 9. I have tried multiple codes but the program says it is incorrect.

Case Problem 1 Data Files needed for this Case Problem: mi pricing_txt.html, mi_tables_txt.css, 2 CSS files, 3 PNG files, 1 TXT file, 1 TTF file, 1 WOFF file 0 Marlin Internet Luis Amador manages the website for Marlin Internet, an Internet service provider located in Crystal River, Florida. You have recently been hired to assist in the redesign of the company's website. Luis has asked you to complete work he's begun on a page describing different pricing plans offered by Marlin Internet. A preview of the page is shown in Figure 6-49 Marlin Internet Pricing page Figure 6-49 Marlin Internet How do you sse the web? whether 's just you on your PC or your exended amity simutaneouly eccessing the Internet for gaming, movie wetching, suting, or music we have the speed for you-with no hidden fees, servie charges, or other trops. Marlin Internet provides a broad vanety of access plans et attordable prices with our exclusive ITIS 2.0 bechnollogy. We provide more than last access Toke edvantage of our 2407 customer sepport (perscnal hetp is asays on the ne), ree security tools, emal eccounts for the whole tamily, end exclusive onine content Prine % select a $49.05 plan $19.95 Download Speed Upload Speed E-m0ส Accounts 2 Accounts 24/7 Support to send grest pnce Summary com; Artem E 02009-2015 Font Squirrel. All rights reserved. com Luis has already finished most of the page design. Your job will be to add a web table describing the different service plans and to write the CSS code to format the table's appearance Complete the following 1. Using your editor, open the mi_pricing txt.html and mi_tables_txt.css files from the html06 case1 folder. Enter your name and the date in the comment section of each file, and save them as mi_pricing.html and mi_tables.css respectively 2. Go to the mi_pricing.html file in your editor. Add a link to the mi_tables.css style sheet file to the document head 3. Directly after the paragraph in the article element insert a web table with the ID pricing
HTML 492 HTML and CSS Tutorial 6 Working with Tables and Columns 4. Add a colgroup element to the web table containing two col elements. The first col elemert should have the ID firstCol. The second col element should belong to the class dataCols and span 4 columns 5. Add a thead row group element containing two rows. In the first row, insert five th elements containing the text shown in Figure 6-49. The first heading cell should span two rows. In the second row, add four headings cells containing the prices of the plans shown in Figure 6-49. Use a br element to display the price information on two separate lines 6. Add a tfoot row group element containing a single table row with a heading th element displaying the text Summary. Add four data td elements containing a description of each of the service plans. (Note: You can copy the summary text for each service plan from the mi_data.txt file in the html06/casel folder.) 7. Add a tbody row group element. In each row within the row group the text shown in Figure 6-49 and four td elements containing the data values for each plan 8. Save your changes to the file and then return to the mi_tables.css file in your editon 9. Go to the Table Styles section and add a style rule for the table element that: a) sets the background color to a linear gradient that goes to the bottom of the table background starting from rgb(190, 215, 255) and ending in black and b) adds a 5-pixels solid gray border 10. For every th and td element in the table, create a style rule that: a) adds a 3-pixel solid gray border, b) sets the line height to 1.4em, and c) sets the padding space to 8 pixels. 11. For every th element, create a style rule that: a) sets the background color to black, b) sets the font color to rgb(130, 210, 255), and c) sets the font weight to normal 12. For every td element, create a style rule that: a) sets the font color to white, b) sets the font size to 0.9em, and c) aligns the cell text with the top of the cell 13. Go to the Column Styles section. Create a style rule for col elements with the ID firstCol that sets the column width to 24%. add a th element containing 14. Create a style rule for col elements belonging to the dataCols class that sets the column width to 19%. 15. Go to the Table Header Styles section. Create a style rule for the table header row group including every row within that row group that sets the row height to 60 pixels 16. For the first th element in the first row of the table header row group, create a style rule that sets its font size to 2em. (Hint: Use the first-of-type pseudo-class to select the first table row and first heading cell.) 17. For th elements in the first row of the table header row group that are not the first heading cell, create a style rule that sets the background color to transparent and the font color to black. (Hint use the not selector with the first-of-type pseudo-class to select headings that are not first in the table row.) 18. Save your changes to the style sheet and then open the mi_pricing.html file in your browser and verify that the table layout and design resemble that shown in Figure 6-49
0 0
Add a comment Improve this question Transcribed image text
Answer #1

open -the editor open mi-pricing ha.html and mi tablestxt.css Rl rom htmlocaue1 folebusing the syntax he date in the commentshel Add. CSs Loble CSS Lordeouapse : colapse; Lirc hei^h une-heig-t : .4 em, C) suks He padding : 3ếpxì styu rule a) su He a๕.tont colorz p. norrmal tomb-weight normal; Stp2 for even^ a) set* he font uolor to ushite b) sets he fant Size to o.4cr, fs: 40 to take header styles setion, set the- D it το° heLght.to 60 pixe4 grid-tcmplae-vous: 6o piel* Steplb: for the Pirtt t

Add a comment
Know the answer?
Add Answer to:
Need help starting from question 9. I have tried multiple codes but the program says it is incorrect. Case Problem 1 Da...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
  • Can you please assist me with this HTML? Below is what I have but it isn't...

    Can you please assist me with this HTML? Below is what I have but it isn't working. Filename: jpf_sudoku.css /* Table Styles */ table.spuzzle { border-collapse: collapse; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: 90%; } table.spuzzle td { border: 5px outset gray; width: 33.3%; } table.spuzzle th { font color: gray; padding-right: 10px; padding-bottom: 10px; } /* Inner Table Styles */ table.subTable { border-collapse: collapse; width: 100%; } table.subTable td { box-shadow: 0px 0px 15px inset; border:...

  • Head, Foot, Body Add a thead row group element containing two rows. In the first row,...

    Head, Foot, Body Add a thead row group element containing two rows. In the first row, insert five thelements containing the text shown in the image in the Introduction section. The first heading cell should span two rows. In the second row, add four headings cells containing the prices of the plans shown in the image in the Introductionsection. Use a br element to display the price information on two separate lines. Add a tfoot row group element containing a...

  • You will use your text editor to create a table and apply table styles. First, you...

    You will use your text editor to create a table and apply table styles. First, you insert a table element. Next, you add a table caption, table rows, table headers, and table data. Then, you create style rules to format the table. Work with the apply08.html file and the applystyles08.css file. You will also use professional web development practices to indent, space, comment, and validate your code. 3. In the apply08.html file, add a table element within the main element....

  • (Below I have posted my full assignment so my question makes sense with context. The part...

    (Below I have posted my full assignment so my question makes sense with context. The part I am struggling with is section e. I am not sure how to create the said class. If you could help it would be appreciated. Also, this is all HTML code.) In this assignment you will create a web page about your favorite TV show of all-time and link it to an external style sheet to apply a few CSS rules to it. Follow...

  • New Perspectives on HTML5 and CSS3. Solve Chapter 13 Case Problem 3. mas_register.js "use strict"; /*...

    New Perspectives on HTML5 and CSS3. Solve Chapter 13 Case Problem 3. mas_register.js "use strict"; /* New Perspectives on HTML5, CSS3, and JavaScript 6th Edition Tutorial 13 Case Problem 3 Filename: mas_register.js Author: Date: Function List ============= formTest() Performs a validation test on the selection of the conference session package and the conference discount number calcCart() Calculates the cost of the registration and saves data in session storage    writeSessionValues() Writes data values from session storage in to the registration...

  • i need help with this homework webpage and code too: The webpage must include: Global Structure...

    i need help with this homework webpage and code too: The webpage must include: Global Structure Tags Text Tags Images   Your first page must be named index.html Include a table within your site, challenge yourself to add a header in the table, and choose interesting border and/or cell formatting. Include a hyperlink within your site. Include an image in your site. Include a form in your site to demonstrate understanding of a variety of form components (the form does not...

  • could you please help me with this problem, also I need a little text so I...

    could you please help me with this problem, also I need a little text so I can understand how you solved the problem? import java.io.File; import java.util.Scanner; /** * This program lists the files in a directory specified by * the user. The user is asked to type in a directory name. * If the name entered by the user is not a directory, a * message is printed and the program ends. */ public class DirectoryList { public static...

  • I cant complete this assignment, I have tried several ways shown in the tutorial but cant...

    I cant complete this assignment, I have tried several ways shown in the tutorial but cant seem to get it to validate, can anyone help? This is a basic JavaScript tutorial and will not validate with Jquery. Monroe Public Library Denise Kruschev manages the website for the Monroe Public Library in Monroe, Ohio. One of her responsibilities is to add content and links to the site that will be of interest to the library’s patrons. Denise has asked you to...

  • I have completed these but wanting to compare such as Question 14. Is the word "Total"...

    I have completed these but wanting to compare such as Question 14. Is the word "Total" added in the row or written as "Average" or "Total Average" Also Question 8 is not clear what fill color. Is it supposed to stay as blue and just select gradient fill? Very unclear questions. Thank you. Question: EX16_XL_VOL1_GRADER_CAP_AS – Travel Vacations 1.4 ( Excel, Chapter 4) Project Description: 1 Start Excel. Download and open the file named exploring_ecap_grader_a1.xlsx. 2 On the DC worksheet,...

  • I need help on how to find the atmospheric pressure from the scatter plot and trend...

    I need help on how to find the atmospheric pressure from the scatter plot and trend line I made with the results from my Boyle's Law lab. I don't know if my scatter plot is correct. I need the atmospheric pressure in order to fill in Table 5 and answer some questions. 24. Use the data in Data Table 1 and Data Table 3 to create a scatter-plot graph of 1/Average Volume vs. Pressure; with “1/Average Volume (mL-1)” on the...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT