Question: Hello, I need some help with this html/css website project. I have the basic design done I just need another page created that has a
Hello,
I need some help with this html/css website project. I have the basic design done I just need another page created that has a table that I can put some information in. Here are the requirements.
This page should be linked to the home page created in Part I. This page should be designed using HTML 5 elements and spiced with other block and inline elements to contain contents that are meaningful to the visitor of this page.
To format your table, only use an external style sheet. All styling should be done in the stylesheet, not the html document. The table css can be included in the external style sheet created in Part I or in a separate external style sheet.
Associate reset css and modernizr JavaScript files which are placed in the appropriate folders. Also be sure to check your web pages on multiple browsers to ensure browser compatibility.
Your table page and stylesheet should include all of the following:
Structural elements (same as you did for your Basic Webpage, i.e., DOCTYPE, html, head, full meta, title, body).
At least 4 columns and 5 rows.
Graphics (at least one image using alt and title tags). Save the image in the main image folder created in Part I.
Use all structures of the table including: headers, caption, rows, cells, etc.
Collapsed border with appropriate margins, padding, alignment, and spacing.
Use background colors on row headers and column headers to distinguish between headers and rows.
Column group.
Row striping.
Row hover effect.
Use at least one merged row and/or at least one merged column.
Other html block and inline elements
If you created a new external stylesheet, place it in your CSS folder with the reset css.
Section B Print Stylesheet
As you have learned in this course, printing a webpage with a multi-column layout may be a problem. To control how your pages print, you will create a print stylesheet that will include only the aspects the user needs.
Associate reset css and modernizr JavaScript files which are placed in the appropriate folders. Also be sure to check your web pages on multiple browsers to ensure browser compatibility.
Your print stylesheet should include all of the following:
Printed page size should be 8.5 x 11 inches in portrait for all printed pages of your site.
Do not include any navigation links in portrait for all printed pages of your site.
All links to outside documents or sites that were created using anchor element should appear in its original color for all printed pages of your site.
Do not include banners or background images for all printed pages of your site.
Use appropriate font sizes for all printed pages of your site.
Use measurements suitable for all printed pages of your site.
The table in your site should be printed in a table format with grid.
Before validating your webpages, please read the requirements again to ensure you have included everything needed.
Here are the style sheets and the index html file:
style.css : https://paste.ofcode.org/36bhyXwQ5Mxu5K2XtFi7G9U
home-css.css https://paste.ofcode.org/XjY6L2gsZGQDGBVFsuT7GB
index.html: https://paste.ofcode.org/33RzFmvfK9QuuTn3E5cjz6U
Basically use the same design as the index.html but add the table requirements to it and link to it at the top :)
Thank you so much
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
