Jump to content

Nav box improvements


bkelly1369

Recommended Posts

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>

 

Link to comment
Share on other sites

  • 3 weeks later...

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 by bkelly1369
Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...