Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN: 9780133594140
Author: James Kurose, Keith Ross
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Related questions
Question
Add a blank line after the main content style rules, add a comment with the text Style rules for class and id selectors and then create the style rules for the .link, .action, and #contact selectors:
- Create a style rule for the class selector link that sets the font color to #4d3319, removes the text decoration, sets the font weight value to bold, and sets the font style value to italic.
- Create a style rule for the class selector action that sets the font size to 1.75em, sets the font weight value to bold, and aligns text center.
- Create a style rule for the id selector contact that aligns text center.
In the about.html file, within the #info div element, complete the following:
- Add a class attribute with the value of link to the anchor element with the text "National Wildlife Rehabilitators Association.".
- Remove the height and width attributes from the tortoise image (img) element.
- Add a class attribute with the value of action to the paragraph element where the text is "Did you find an injured or orphaned animal? Contact us to see if we can help.".
Below is my HTML and CSS Codes. I'm not sure what I'm doing wrong here.
about.html
<!-- Write your code here -->
<!--Student Name:
File Name: about.html
Date:10/04/2022
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Wild Rescues: About Us</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/styles.css" />
<body>
<header>
<h1>🐾 Wild Rescues</h1>
<h3> Rescue. Rehabilitate. Release</h3>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="partnership.html">Partnership</a><li
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- Use the main area to add the main content to the webpage -->
<main>
<div id="info">
<h2>About Us</h2>
<p>Wild Rescues is a registered nonprofit wildlife
rescue and rehabilitation facility, located in Ocala,
Florida. We help injured, sick, neglected, and orphaned
wildlife. We help rehabilitate these animals and then
release them back into the wild, if possible.</p>
<p>Wild Rescues is a member of the <a href="https:/
www.nwrawildlife.org"target="_blank">National Wildlife
Rehabilitators Association.<span class="National Whildlife Rehabilitators"</a>
</p>
<img src="images/tortoise.jpg" alt="tortoise eating
vegetation">
<h3>We help many animals, such as:</h3>
<ul>
<li>Raccoons</li>
<li>Squirrels</li>
<li>Fox</li>
<li>Birds</li>
<li>Horses</li>
<li>Deer</li>
<li>Pigs</li>
<li>Reptiles</li>
</ul>
<p>Did you find an injured or orphaned animal? Contact us to see if we
can help.<span class="Did you find an injured or orphaned animal? Contact us to
see if we can help."</p>
</div>
</main>
<footer>
<p>© Copyright 2021. All Rights Reserved.</p>
<p>
<a href="mailto:contact@wildrescues.net">contact.@wildrescues.net</a>
</p>
</footer>
</body>
</html>
--CSS
/*
Author:
File Name: styles.css
Date: 10/12/2022
*/
/*CSS Reset*/
body, header, nav, main, footer, img, h1, h3 {
margin: 0;
padding: 0;
border: 0;
}
/*Style rules for body and images*/
body {
background-color: #f6eee4;
}
img {
max-width: 100%;
display: block;
}
/*Style rules for navigation area*/
nav {
background-color: #2a1f14;
}
nav ul {
list-style: none;
margin: 0;
text-align: center;
}
nav li {
display: inline-block;
font-size: 1.5em;
font-family: Geneva, Arial, sans-serif;
font-weight: bold;
}
nav li a {
display: block;
color: #f6eee4;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2em;
padding-right: 2em;
text-decoration: none;
}
/*Style rules for main content*/
main {
padding: 2%;
font-family: Verdana, Arial, sans-serif;
}
main p {
font-size: 1.25em;
}
main h3 {
padding-top: 2%;
}
main ul {
list-style: square;
}
/*Style rules for class and id selectors*/
.link {
color: #4d3319;
text-decoration: none;
font-weight: bold;
font-style: italic;
}
.action {
font-size: 1.75em;
font-weight: bold;
text-align: center;
}
#contact {
text-align: center;
}
/*Style fules for footer content*/
footer {
text-align: center;
font-size: 0.85em;
background-color: #2a1f14;
color: #f6eee4;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 0%;
padding-right: 0%;
}
footer a {
color: #f3e6d8;
text-decoration: none;
}
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
This is a popular solution
Trending nowThis is a popular solution!
Step by stepSolved in 5 steps with 2 images
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-engineering and related others by exploring similar questions and additional content below.Similar questions
- Add a blank line after the contact id style rule, add a comment with the text Style rules for footer content, and then create the following style rules for the footer and footer a selectors. Create a style rule for the footer selector that aligns text center, sets a font size value of 0.85em, sets a background color value of #2a1f14, sets a font color value of #f6eee4, and sets top and bottom padding values to 1% and right and left padding values to 0%. Create a style rule for footer a that sets the font color value to #f3e6d8 and removes the text decoration. I'm not sure what is wrong then my footer section. --- HTML <!-- Write your code here --> <!--Student Name: File Name: contact.html Date:10/04/2022 --> <!DOCTYPE html> <html lang="en"> <head> <title>Wild Rescues: Contact</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/styles.css" /> <body> <header> <img…arrow_forwardWithin the Horizontal Navigation List Styles section create a style rule for li elements nested within the horizontal navigation list that display each element as a block with a width of 12.5% and floated on the left margin.arrow_forwardGo to the cw_home.html and cw_styles.css files and enter your name and the date in the comment section of each file. In cw_styles.css file and at the top of the file, use the @import rule to import the contents of the cw_designs.css file, which contains several style rules that format the appearance of different page elements. Go to the cw_home.html file and within the document head, insert a meta element that sets the browser viewport for use with mobile devices. Also, create links to cw_reset.css and cw_styles.css style sheets. Take some time to study the contents and structure of the document.arrow_forward
- Within the page body insert a table element and add a table header row group containing one row. Within that row insert a table heading cell that spans 8 columns and contains the text Daily Crossword. Add the table body section and within the table body, create the layout of the crossword puzzle subject to the following conditions: The table will contain 9 rows and 8 columns. Within each row will be a number of table data cells. If the cell is a blank cell shown in Figure 6–49, assign it the class name blank. If a blank cell covers multiple rows and/or columns, make that cell a spanning cell and adjust the number of cells in subsequent rows and columns accordingly to preserve the table layout. Several cells contain numbers that will be used as crossword puzzle clues. Number the appropriate cells from 1 up to 26 to match the layout in Figure 6–49. Open code6-2_table.css and create the following style rules for the indicated elements: For the table element: Add a 20…arrow_forwardGo to the Flex Layout Styles section and insert a style rule to display the page body as a flexbox oriented as rows with wrapping. As always, include the latest WebKit browser extension in all of your flex styles.arrow_forwardBefore the paragraph, add an h2 header that reads "Introduction" and then an h3 header that reads "Section 2". Ensure each element has an opening and closing tag.arrow_forward
- Modify or add one CSS rule for each requirement below using the specified selectors. Element selector: Change the text color from green to blue for the list items. Class selector: Set the text-decoration to underline for all HTML elements with the class name footnote. ID selector: Set the text color to orange and the font-style to italic for the HTML element with the ID footnote-1. <section> <h2>Facts about CSS</h2> <ul> <li>According to Wikipedia, CSS was first proposed by Håkon Wium Lie on October 10, 1994. <a href="#footnote-1">[1]</a></li> <li>The first W3C CSS Recommendation (CSS1) was released in 1996.</li> <li>CSS was selected over competing stylesheet technologies because CSS <cite>allowed a document's style to be influenced by multiple stylesheets by way of "cascading".</cite> <a href="#footnote-1">[1]</a></li>…arrow_forwardComplete the following webpage assignment. Assignment Instructions: Design a webpage to simulate a Blog. The website must have a banner image and a featured image with multiple resolutions to be active at different resolution breakpoints just as discussed in this lesson. Include a jQuery script in your project to further enhance the user experience. Use one of the CDN libraries. The script is up to your discretion though you must be able to justify its use. The blog page must be aesthetically pleasing and follow a traditional blog structure. It may help to look at the many WordPress templates available on the net.arrow_forwardTable Elements For every th and td element in the table, create a style rule that: adds a 3-pixel solid gray border, sets the line height to 1.4em, and sets the padding space to 8 pixels. This is about programmingarrow_forward
- Add a class attribute with the value mobile-tablet to the empty div element. Nest the following elements within this div element: An h3 element with the text Sponsorship Levels. Paragraph element with the text Green: $200. Paragraph element with the text Blue: $400. Paragraph element with the text Red: $600. Paragraph element with the text Purple: $800. Paragraph element with the text Silver: $1,000. Paragraph element with the text Gold: $1,500. Paragraph element with the text Each sponsorship supports our animals and operations. Business recognition is given at every sponsorship level. Contact us today to become a sponsor. <!DOCTYPE html> <!-- Student Name: File Name: partnership.html Today's Date: 07/07/2023 --> <html lang="en"> <head> <title><span class="icon">🐾</span>Wild Rescues: Template</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/styles.css"> <meta…arrow_forwardIn the styles.css file, add the ul selector to the CSS reset style rule. Remove the declaration for the margin property in the nav ul style rule. Modify the nav li style rule by changing the display value to block and add a top border that specifies a solid border width of 0.5px with the color value #f6eee4. My CSS nav li { display: block; font-size: 1.5em; font-family: Geneva, Arial, sans-serif; font-weight: bold; border-top: solid border;arrow_forwardSwitch the ClientEntry form to Design view, and expand the Form Footer section to about 75" tall. Add a text box to the top right corner of the Footer section, and enter the formula =Count([ClientID]) as its control source. Enter Total Clients as the label name. (Hint: if necessary, change the width of the label so that the full text is visible). Add another text box directly below the one you just added, and enter the formula =SUM([MonthlyFee]) as the control source and Total Fees as its label name. Modify the Total Fees text box to use Currency format, then switch the ClientEntry form to Form view and confirm it matches Figure 3 below. Save the form. In the italic bold section that is the part I am having trouble with. For some reason the property sheet does not have the Currency Format in there at all. So, I am not sure if I did something wrong or what. Can you help. I am provind an image of the project. In the Total Fees text box is where I am stumped.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Computer Networking: A Top-Down Approach (7th Edi...Computer EngineeringISBN:9780133594140Author:James Kurose, Keith RossPublisher:PEARSON
Computer Organization and Design MIPS Edition, Fi...Computer EngineeringISBN:9780124077263Author:David A. Patterson, John L. HennessyPublisher:Elsevier Science
Network+ Guide to Networks (MindTap Course List)Computer EngineeringISBN:9781337569330Author:Jill West, Tamara Dean, Jean AndrewsPublisher:Cengage Learning 
Concepts of Database ManagementComputer EngineeringISBN:9781337093422Author:Joy L. Starks, Philip J. Pratt, Mary Z. LastPublisher:Cengage Learning
Prelude to ProgrammingComputer EngineeringISBN:9780133750423Author:VENIT, StewartPublisher:Pearson Education
Sc Business Data Communications and Networking, T...Computer EngineeringISBN:9781119368830Author:FITZGERALDPublisher:WILEY
Computer Networking: A Top-Down Approach (7th Edi...
Computer Engineering
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:PEARSON
Computer Organization and Design MIPS Edition, Fi...
Computer Engineering
ISBN:9780124077263
Author:David A. Patterson, John L. Hennessy
Publisher:Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:9781337569330
Author:Jill West, Tamara Dean, Jean Andrews
Publisher:Cengage Learning
Concepts of Database Management
Computer Engineering
ISBN:9781337093422
Author:Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:Cengage Learning
Prelude to Programming
Computer Engineering
ISBN:9780133750423
Author:VENIT, Stewart
Publisher:Pearson Education
Sc Business Data Communications and Networking, T...
Computer Engineering
ISBN:9781119368830
Author:FITZGERALD
Publisher:WILEY