How Do I Put Frames Around A Links Section?

I read a post by deathshadow on the forums here that using the table element to put frames/borders around links is wrong - or not proper. My links on my website under construction are coded like this:

 <nav style="background-color: red">
            <table>
   
   
      <ul>
      <tr>
      <td><li><a href="BTSMain.html"><b>Home</b> </a></li></td>
      </tr>
      <tr>
      <td> <li><a href="BTSServices.html"><b>Services We Offer</b></a></li>
      </td>
      </tr>
      <tr>
      <td>
      <li><a href="BTSAboutUs.html"><b>About Our Company</b></a></li>
      </td>
      </tr>
      <tr>
      <td>
      <li><a href="BTSTestPage.html"><b>Testing Page</b></a></li>
      </td>
      </tr>
      <tr><td><li><a href="BTSTestPage2.html"><b>Testing Page 2</b></a></li></td></tr>
   
      </ul>
      </table>
        </nav>

HTML:

Is there a better way to put up frames around the links? Also - if I add a border to this nav section, it moves it far down the page, below my main article / body section - would anyone know why this happens?

 

If you are using Wordpress there are various easy-to-use plugins to insert frames within the pages of your site.

 

I am using Notepad++

 

Have you tried a fieldset?

 

Not sure what that is, could you elaborate, Rukbat?

 

<fieldset><a href="BTSMain.html"><b>Home</b> </a></fieldset>

Then use CSS to style the fieldset - thickness, color, etc.

 

Thanks !