SitePoint Sponsor |
|
User Tag List
Results 1 to 4 of 4
Thread: Navigation Bar
-
Dec 2, 2000, 21:38 #1
- 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
-
Dec 2, 2000, 22:38 #2
- 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.
-
Dec 3, 2000, 06:36 #3
- 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>
-
Dec 4, 2000, 01:30 #4
- 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