Create another table element and make it look like a row of buttons. In the elem

Question

Create another table element and make it look like a row of buttons. In the element of your index.html file, create a table element that contains one row element with five table data elements. Assign a unique ID to this table element. Example: Add anchor-based text to each one of the so that each menu-item is in a separate table cell and each text-item is a link to one of your html pages. Add style rules to your CSS file that will make your table look something like this: Important Style rules for each table must be ID-based style rules. Copy the button-bar menu so that it appears in every page element.

Explanation / Answer

Please find the html code followed by css styles:

<nav>
<table id="menu">
<tr>
<td><a href="#" >Home</a></td>
<td><a href="#" >About Us</a></td>
<td><a href="#" >Our Products</a></td>
<td><a href="#" >FAQ</a></td>
<td><a href="#" >Contact Us</a></td>
</tr>
</table>
</nav>

<style type="text/css">

#menu td

{
background-color: yellow;
border : solid;
border-top-right-radius: 1.2em;
border-top-left-radius: 1.2em;
border-color: red;
height: 2.5em;
padding-top:0.8em;
width:6em;
text-align:center;
font-size: medium;

}
#menu tr
{
width:100%;
}
</style>

Related Questions

Navigate

• Browse (All)
• Browse C
• Subjects

---

---

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.