Question

In: Computer Science

Apply following to header and footer sections of page: center text background color rgb(254,198,179) padding should...

Apply following to header and footer sections of page:

center text

background color rgb(254,198,179)

padding should be 20px

Solutions

Expert Solution

// sample code with asked specification of header and footer sections of page:

center text, background color rgb(254,198,179), padding should be 20px //

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Creating Fixed Header and Footer with CSS</title>
<style>
  
body{
padding-top: 20px;
padding-bottom: 20px;
}
.container{
width: 80%;
margin: 0 auto; /* Center the DIV horizontally */
}
.fixed-header, .fixed-footer{
width: 100%;
position: fixed;
text-align: center; /* Centering text */
background: rgb(254,198,179);/* header and footer colour specification */
padding: 20px 20px; /* padding specification*/
  
}
.fixed-header{
top: 0;
}
.fixed-footer{
bottom: 0;
}
/* Some more styles to beutify this example */
nav a{
color: #fff;
text-decoration: none;
padding: 7px 25px;
display: inline-block;
}
.container p{
line-height: 100px; /* Create scrollbar to test positioning */
}
</style>
</head>
<body>
<div class="fixed-header">
<div class="container">
  
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
  
</nav>
</div>
</div>
<div class="container">
   <p>
TEST EXAMPLE</p>
</div>
<div class="fixed-footer">
<div class="container">Copyright &copy; 2016 Your Company</div>
</div>
</body>
</html>

OUTPUT:


Related Solutions

Apply following to header and footer sections of page in css center text background color rgb(254,198,179)...
Apply following to header and footer sections of page in css center text background color rgb(254,198,179) padding should be 20px
apply following to body of the page in css format 1. background color of rgb(145,215,170) 2....
apply following to body of the page in css format 1. background color of rgb(145,215,170) 2. width to 65% of the page 3. center the body using the margin property 4. assign a font family of Georgia, Times, serif
Create a footer for web page using HTML,CSS,Javascript. The footer should contain 1.Back to top button...
Create a footer for web page using HTML,CSS,Javascript. The footer should contain 1.Back to top button 2.Random logo 3.Copyright content
- Supply and Demand Assignment The paper should consist the following sections: the title page, main...
- Supply and Demand Assignment The paper should consist the following sections: the title page, main body, and references. Select a market that is of interest. Use what you know about this industry and knowledge from this course to answer the questions below. Markets that might be of interest (or select your own market of interest): Housing market (or housing rental market) in Toronto/Ontario/Canada or any other location Market for mobile phone service Market for tablets (i.e. iPad, Samsung Galaxy...
Create 6 tags with text inside them (in a valid HTML page,) color each differently. All...
Create 6 tags with text inside them (in a valid HTML page,) color each differently. All show up on the page at this point... it's better to try to have everything upfront and in the open 1st and later have them hide, hover, or whatever interaction they will do. See the video for the text, don't bother matching the colors in the video. Validate the HTML. Bugs multiply as you make the page more complex; a CSS problem could actually...
In one-page, create a memo on a policy that contains the following: Background of the issue...
In one-page, create a memo on a policy that contains the following: Background of the issue A discussion about other alternatives for the issue A financial analysis Evidence-based recommendations for action.
Read carefully the below problem text and write the following proposal sections in paragraph format: Analysis...
Read carefully the below problem text and write the following proposal sections in paragraph format: Analysis of the problem The reasons Proposed solutions Risk to the organisation if the proposed changes are not made Hunter Co.: The Hunter Company is a chain of restaurants that are widely distributed across the Kingdom of Saudi Arabia. The business started in 1995 with one branch in Jeddah. It was very successful as it was always crowded and widely complimented by customers in terms...
Read and summarize the following text on Bioethics in one page. Please try to do it...
Read and summarize the following text on Bioethics in one page. Please try to do it asap. It's urgent. -------------------------------------------------------------------------------------------------------------------------------------------------- BIOETHICS. Bioethics as a field is relatively new, emerging only in the late 1960s, though many of the questions it addresses are as old as medicine itself. When Hippocrates wrote his now famous dictum Primum non nocere (First, do no harm), he was grappling with one of the core issues still facing human medicine, namely, the role and duty of...
Write a C++ program to create a text file. Your file should contain the following text:...
Write a C++ program to create a text file. Your file should contain the following text: Batch files are text files created by programmer. The file is written in notepad. Creating a text file and writing to it by using fstream: to write to a file, you need to open thew file as write mode. To do so, include a header filr to your program. Create an object of type fsrteam. Open the file as write mode. Reading from a...
Create a web page that contains a simple math test. The page should have the following...
Create a web page that contains a simple math test. The page should have the following arithmetic problems. Add a button under each problem which, when clicked, will display a prompt for the user to enter the answer. Add a swcond button which, when clicked, will check to see if the user's answer is correct. The output should be either "correct" or "incorrect" displayed in an alert box. 1. 5+9= 2. 4*6= 3. 25-14= 4. 48/3= 5. 26%6=
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT