bkelly1369 Posted February 19, 2019 Report Share 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 Link to comment Share on other sites More sharing options...
administrator Posted February 19, 2019 Report Share 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 Link to comment Share on other sites More sharing options...
bkelly1369 Posted March 7, 2019 Author Report Share 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 Link to comment Share on other sites More sharing options...
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.