SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Navigation Bar

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Nov 2000
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How do u make a bar with ur links on the side

  2. #2
    SitePoint Zealot Atirez's Avatar
    Join Date
    Nov 2000
    Location
    England
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Simply create a table and insert links into the <td></td> tags (Cells). Use the align attribute to set the table and/or its cells to the left|right|center of your screen.

    But to tell you properly how to build good looking user freindly nav bars would take a long time, so i would suggest browsing the web for tutorials or buying a good HTML book.

  3. #3
    ********* Scotland Saltire's Avatar
    Join Date
    Jan 2000
    Location
    Scotland
    Posts
    660
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think this is what you are after, with the nav bar on the left. I have put text where you should put your content and "" and "side bar" where your side nav bar should be. You may have to alter the table widths to suit your design specs. Hope this helps.

    Code:
    <table width="600" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>
          <table width="600" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td width="116"> 
                <table width="150" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td>side menu</td>
                  </tr>
                  <tr>
                    <td>""</td>
                  </tr>
                  <tr>
                    <td""</td>
                  </tr>
                  <tr>
                    <td>""</td>
                  </tr>
                </table>
              </td>
              <td width="484">
                <table width="451" border="0" cellspacing="0" cellpadding="0" height="80">
                    <tr>
                    <td>
                      <div align="center">content goes in here</div>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>

  4. #4
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, Using tables is good fro creating complex ones. But remember don't put too many tbales within each other. Not only does it result in overall high load time, it also causes incompatibility with some browsers.

    A good solution for a simple navigational menu is using :

    <ul>
    <li>Text</li>
    <li>Text2</li>
    </ul>

    ETC.

    Overall, tiem will let you decide which is best. Choose the options wisely as it will decide how good your navigational system it. Visitors return as they are able to navigate the site with ease.
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •