ZuoTi.Pro
Question

<!DOCTYPE html> <html> <head> <title>Products</title> <style> .heading { text-align: center; font-size: 40px; } #menu { text-align:...

<!DOCTYPE html>

<html>

<head>

<title>Products</title>

<style>

.heading {

text-align: center;

font-size: 40px;

}

#menu {

text-align: center;

}

#menu li {

display: inline;

font-size: 26px;

margin-left: 20px;

}

.container{

overflow: hidden;

margin: 30px;

}

img {

float: left;

width: 40vh;

height: 40vh;

margin-left: 10%;

}

table {

float: right;

margin-right: 10%;

}

table, th, td {

border: 1px solid black;

border-collapse: collapse;

}

th, td {

font-size: 26px;

padding: 10px;

text-align: left;

}

a {
color: black;
}

a:visted {
color: black;
}

</style>

<hr>
<table background="orange" width="100%"
<tr>
<td width="150">
<a href="home.html"> <b> Home </b> </a>
</td>
<td width="150">
<a href="About us.html"> <b> About Us </b> </a>
</td>

<td width="150">
<a href="products.html"> <b> Products </b> </a>
</td>

<td width="150">
<a href="services.html"> <b> Using M.A.P Services </b> </a>
</td>

<td width="150">
<a href="contact.html"> <b> Contact Us/Feedback </b> </a>
</td>

</tr>
</table>
</hr>

</head>

<body bgcolor="#2874A6">

<h2 class="heading">Products</h2>

<p style="text-align: center; font-size: 24px;">M.A.P products below, here to help make anything possible</p>

<div class="container">

<div class="image">

<img src="vcpic17.jpg">

</div>

<table>

<tr>

<th>Model:</th>

<td>MAPD97</td>

</tr>

<tr>

<th>Type:</th>

<td>Desktop HD Fixed Focused</td>

</tr>

<tr>

<th>Price:</th>

<td>$99.99 USD</td>

</tr>

<tr>

<th>Description:</th>

<td>Resolution of Motion/Still 1280x820 0.92MP</td>

</tr>

</table>

</div>

<div class="container">

<div class="image">

<img src="vcpic16.jpg">

</div>

<table>

<tr>

<th>Model:</th>

<td>MAPN98</td>

</tr>

<tr>

<th>Type:</th>

<td>Notebook HD Fixed Focused</td>

</tr>

<tr>

<th>Price:</th>

<td>$129.00 USD</td>

</tr>

<tr>

<th>Description:</th>

<td>Resolution of Motion/Still 1280x820 0.92MP</td>

</tr>

</table>

</div>

<div class="container">

<div class="image">

<img src="vcpic18.jpg">

</div>

<table>

<tr>

<th>Model:</th>

<td>MAPB99</td>

</tr>

<tr>

<th>Type:</th>

<td>Desktop/Notebook HD Fixed Focused</td>

</tr>

<tr>

<th>Price:</th>

<td>$169.99 USD</td>

</tr>

<tr>

<th>Description:</th>

<td>Resolution of Motion/Still 2560x1440 0.99MP</td>

</tr>

</table>

</div>

</body>

</html>

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

I am trying to get the table background for the home, about us, contact and service to be gold and to fit th screen. I want the font to be bold and black. I have tried and failed. I just want the bar to fit the screen, have a gold background and the font be bold and black.  

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

<!DOCTYPE html>

<html>

<head>

<title>Products</title>

<style>

.heading {

text-align: center;

font-size: 40px;

}

#menu {

text-align: center;

}

#menu li {

display: inline;

font-size: 26px;

margin-left: 20px;

}

.container{

overflow: hidden;

margin: 30px;

}

img {

float: left;

width: 40vh;

height: 40vh;

margin-left: 10%;

}

table {
margin-right: 10%;
}

#heading{
background-color:rgba(218,165,32,0.5);
}

table, th, td {

border: 1px solid black;

border-collapse: collapse;

}

th, td {

font-size: 26px;

padding: 10px;

text-align: left;

}

a {
color: black;
}

a:visted {
color: black;
}

</style>
<div id="heading">
<table background="orange" width="100%">
<tr>
<td>
<a href="home.html"> <b> Home </b> </a>
</td>
<td>
<a href="About us.html"> <b> About Us </b> </a>
</td>
<td>
<a href="products.html"> <b> Products </b> </a>
</td>
<td>
<a href="services.html"> <b> Using M.A.P Services </b> </a>
</td>
<td>
<a href="contact.html"> <b> Contact Us/Feedback </b> </a>
</td>
</tr>
</table>
</div>
</head>

<body bgcolor="#2874A6">

<h2 class="heading">Products</h2>

<p style="text-align: center; font-size: 24px;">M.A.P products below, here to help make anything possible</p>

<div class="container">

<div class="image">

<img src="vcpic17.jpg">

</div>

<table>

<tr>

<th>Model:</th>

<td>MAPD97</td>

</tr>

<tr>

<th>Type:</th>

<td>Desktop HD Fixed Focused</td>

</tr>

<tr>

<th>Price:</th>

<td>$99.99 USD</td>

</tr>

<tr>

<th>Description:</th>

<td>Resolution of Motion/Still 1280x820 0.92MP</td>

</tr>

</table>

</div>

<div class="container">

<div class="image">

<img src="vcpic16.jpg">

</div>

<table>

<tr>

<th>Model:</th>

<td>MAPN98</td>

</tr>

<tr>

<th>Type:</th>

<td>Notebook HD Fixed Focused</td>

</tr>

<tr>

<th>Price:</th>

<td>$129.00 USD</td>

</tr>

<tr>

<th>Description:</th>

<td>Resolution of Motion/Still 1280x820 0.92MP</td>

</tr>

</table>

</div>

<div class="container">

<div class="image">

<img src="vcpic18.jpg">

</div>

<table>

<tr>

<th>Model:</th>

<td>MAPB99</td>

</tr>

<tr>

<th>Type:</th>

<td>Desktop/Notebook HD Fixed Focused</td>

</tr>

<tr>

<th>Price:</th>

<td>$169.99 USD</td>

</tr>

<tr>

<th>Description:</th>

<td>Resolution of Motion/Still 2560x1440 0.99MP</td>

</tr>

</table>

</div>

</body>

</html>

HomeAbout Us Products Using M.A.P Services Contact Us/Feedback Products M.AP products below, here to help make anything possi**Comment for any further queries.

0 0
Add a comment
Know the answer?
Add Answer to:
<!DOCTYPE html> <html> <head> <title>Products</title> <style> .heading { text-align: center; font-size: 40px; } #menu { text-align:...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

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

  • HTML Coding <html> <head> <title> Contact -- Charles Robertson </title> </head> <body bgcolor="white"> <table width="700" height="500"...

    HTML Coding <html> <head> <title> Contact -- Charles Robertson </title> </head> <body bgcolor="white"> <table width="700" height="500" border="10"> <!-----row---1----logo---> <tr><td> <img src="20150516_084745" width="700" height="200"> </td></tr> <!-----row-2-navigation-----> <tr><td> <!----start-navigation-table----> <table width="700" height="100" border="5" bgcolor="lightgreen" > <tr><td><a href="HerbFarm.html"> <center> HOME </center></a></td> <td><a href="about3.html"> <center> ABOUT </center></a></td> <td><a href="contact3.html"> <center> CONTACT </center></a></td> <td><a href="gallery3.html"> <center> GALLERY </center></a></td> </tr> </table> <!------end-navigation-table----> </td></tr> <tr><td> <h1>Contact </h1> <form action="thankyou.html">    </form> <div class="row"> <div class="col-75"> <div class="container"> <form action="/action_page.php"> <div class="row"> <div class="col-50"> <h3>Billing Address</h3> <label for="fname"><i...

  • How to make all the buttons work using javascript? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta...

    How to make all the buttons work using javascript? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> function openAccount() { /* - get the account and initial amount values - check that all necessary information is provided - call the setCookie function to create account */ } function Deposit() { /* - get the account and amount values - check that all necessary information is provided - alter cookie with current amount of deposit */ } function...

  • <!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en">    <!-- head...

    <!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en">    <!-- head tag -->    <head>                 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Personal Webpage</title>    </head>    <!-- body tag -->     <body>             <style>        .sidenav {            height: 100%;             width: 160px;            position: fixed;            z-index: 1;             top: 0;            left: 0;           ...

  • <!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en">    <!-- head...

    <!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en">    <!-- head tag -->    <head>                 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Social</title>    </head>    <!-- body tag --> <body>                 <style>        .sidenav {            height: 100%;             width: 160px;            position: fixed;            z-index: 1;             top: 0;            left: 0;            background-color:...

  • Hello Ive been tryting to add the CDN of jquery to my html code and I...

    Hello Ive been tryting to add the CDN of jquery to my html code and I keep getting an error Need help with this : ​​ Navigate to www.code.jquery.com in your Chrome browser. On this page, you'll find different stable versions of jQuery. Select uncompressed for jQuery Core 3.3.1. Copy the <script> tag that is given to you. In store_hours.html, paste that tag directly above your body's closing tag. This is the jQuery CDN. After you paste this code into...

  • How do I make these sheets into three different tabs for one website? This is all...

    How do I make these sheets into three different tabs for one website? This is all using HTML. - Chade's Bicycle Company <!DOCTYPE html> <html> <head> <img src="Chade'sLogo.png"> </head> <body bgcolor= "white"> <center> Welcome to Chade's Bicycle Company!</center> <center> We aim towards making our customers happy. </center> <br> <center> Chade's Bicycle Company </center> <center>2900 Bicycle Ave.</center> <center>Seattle, Washington</center> <center>98101</center> <br> <center><img src="HappyCustomer.png" alt="Satisfied customers"></center> <br> <p align="right">Our mission statement:</p> <p align="right">Bicycles have always been a </p> <p align="right">positive part of...

  • 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....

  • Hi, trying to arrange the fourth photo under media tab for a mock web page. I'm...

    Hi, trying to arrange the fourth photo under media tab for a mock web page. I'm trying to figure out how to get the 'planned stadium' photo to be shifted to the right and parallel to the 'Ground View 2018' picture. Below is the attached code and thanks for your help: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <meta name="author" content="Ian Kusnadi" /> <title>Tottenham Spurs Fan Page</title> </head> <style type="text/css"> a:link...

  • Kindly assist in fixing the error i got when I pasted my codes to validate it....

    Kindly assist in fixing the error i got when I pasted my codes to validate it. The error is in bold. Error: Table column 2 established by element th has no cells beginning in it. From line 53, column 25; to line 55, column 40 <tr> <th colspan="2"> <!DOCTYPE HTML> <html lang="en"><!-- language is English-->    <head>    <meta charset="utf-8"/>    <title>DA Website</title>    <link rel="stylesheet" type="text/css" href="styles.css" />    </head>    <body>    <div id="wrapper">    <!-- start html...

  • As part of this assignment we are using the base Gallery HTML and writing JavaScript code...

    As part of this assignment we are using the base Gallery HTML and writing JavaScript code that will: 1) preload the images provided to us, 2) Create rollover functionality for each of the thumbnails in your image gallery 3) Use appropriate images found in the images folder. 4) Write developer comments to describe the variables being declared and explain the functions and logical blocks of JavaScript code pertaining to the gallery. I know it has to be an external JS...

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