Jump to content

Recommended Posts

Posted

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>

 

Posted

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>

  • 3 weeks later...
Posted (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 by bkelly1369

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