bkelly1369 Posted February 19, 2019 Report Posted February 19, 2019 After great effort, too much effort, not enough result, several years ago I managed to get a basic page working. Now I am trying to put a border around the navigation box and set its background color. I have tried a few tutorial sites but they seem to leave a few things out and I cannot get it working. The full web page is here https://us-path-forward.com/presidential_pardon.htm The lead in code section with the nav bar is below,( with a few changes from my edit attempts). How must this be changed to implement a border and background color around the navigation box. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <link rel="stylesheet" type="bkelly.css" href="bkelly.css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>www.bkelly.ws Home Page</title> <meta name="description" content="irig standards chapter 10"> <meta name="main-nav" background:"#F1F1F1"> </head> <body> <div id="lead_in"> <h1>Presidential Pardon</h1> </div> <!-- Site navigation menu --> <ul id="main_nav" > <li><a href="https://us-path-forward.com/index.htm">Home Pagexxx</a> <li><a href="https://us-path-forward.com/resistance_to_change.htm">Resistance to Change</a> <li><a href="https://us-path-forward.com/amendments.htm">Constitutional Amemdments</a> <li><a href="https://us-path-forward.com/big_money.htm">Citizens United</a> <li><a href="https://us-path-forward.com/presidential_pardon.htm">Presidential Pardon</a> </ul> Quote
administrator Posted February 19, 2019 Report Posted February 19, 2019 Place a nav tag around the menu and apply CSS borders and padding: <nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a></nav> Quote
bkelly1369 Posted March 7, 2019 Author Report Posted March 7, 2019 (edited) Thanks for the reply, but I don't see where to put what. Here is my attempt and it just displays this: CSS p.solid {border-style: solid;} <nav> <a href="/css/">CSS</a> p.solid {border-style: solid;} <ul class="navbar"> <li><a href="https://us-path-forward.com/resistance_to_change.htm">Resistance to Change</a> <li><a href="https://us-path-forward.com/amendments.htm">Constitutional Amemdments</a> <li><a href="https://us-path-forward.com/citizens_united.htm">Citizens United</a> <li><a href="https://us-path-forward.com/presidential_pardon.htm">Presidential Pardon</a> <li><a href="https://us-path-forward.com/site_index.htm">Site Index</a> </ul> </nav> Edited March 8, 2019 by bkelly1369 Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.