|
#1
10-10-2000, 05:53 PM
|
|||
|
|||
|
dynamically build navigation bar
I am attempting to build a navigation bar across the top of the page using
ASP. I can get the bar to build correctly, but I am having trouble solving a problem that I'm afraid will plague me in the distant future. I am building a table with one row and and one cell in that row. I keep putting links in the cell and allow the links to simply build to the number of links in the database. Right now I have 8 different links in the navigation bar and there is plenty of room for the links across the page, but if I eventually have 15 or 20 links I would like the links to create a second row. I thought that the links would automatically wrap within the cell but they appear to build the links closer and closer together and it never wraps. Here is the code I am using with ASP. The array "aLinks" is a two dimensional array with one element as the URL and the other element as the Link text to be displayed. I will paste the final interpreted code below that so you can see how it turns out. Disregard the ugly color scheme because that's not what I'm actually using. I need to find a way to make the links wrap to another line, but it has to be done dynamically so it will look correct with 5 or 30 links. Any suggestions on how to solve this problem would be appreciated. <table bgcolor="red" border="0" width="100%" cellpadding="0" cellspacing="0" align="center"> <tr> <% for LinkRecs=0 to ubound(aLinks,2) %> <td align="center" height="20" valign="middle"><a class="navbar" href="<%=aLinks(0,LinkRecs)%>"> <%=aLinks(1,LinkRecs)%> &nbs p;</a></td> <%next%> </tr> </table> The final code looks like this: <html> <head> <title>Untitled</title> </head> <body> <table bgcolor="red" border="0" width="100%" cellpadding="0" cellspacing="0" align="center"> <tr> <td align="center" height="20" valign="middle"><a class="navbar" href="tools/toolsmain.asp"> Tools </a></td> <td align="center" height="20" valign="middle"><a class="navbar" href="library/libmain.asp"> Library </a></td> <td align="center" height="20" valign="middle"><a class="navbar" href="linksmain.asp"> Links </a></td> <td align="center" height="20" valign="middle"><a class="navbar" href="cboinfo/infomain.asp"> CBO Info </a></td> <td align="center" height="20" valign="middle"><a class="navbar" href="ratemanagement.asp"> Rate Management </a></td> <td align="center" height="20" valign="middle"><a class="navbar" href="voiceaudit.asp"> Voice Audit </a></td> <td align="center" height="20" valign="middle"><a class="navbar" href="dataaudit.asp"> Data Audit </a></td> <td align="center" height="20" valign="middle"><a class="navbar" href="errorsuspense.asp"> Error Suspense </a></td> <td align="center" height="20" valign="middle"><a class="navbar" href="tools/cpeshipdirect/cpesd.asp"> CPE Ship Direct </a></td> <td align="center" height="20" valign="middle"><a class="navbar" href="contact/contactmain.asp"> Contact Us </a></td> </tr> </table> </body> </html> 
|
|
#2
10-11-2000, 10:36 AM
|
|||
|
|||
|
Re: dynamically build navigation bar
Keep a count of the number of links you've processed -- when it gets to a
certain number or multiple thereof (use the mod operator -- if mod(numlinks, numinrow) = 0), throw in a "</tr><tr>" to start a new row. Then check the number at the end and add blank cells to fill. Brian wrote in message <39e37fb5$1@news.devx.com>... >I am attempting to build a navigation bar across the top of the page using >ASP. I can get the bar to build correctly, but I am having trouble solving >a problem that I'm afraid will plague me in the distant future. I am >building a table with one row and and one cell in that row. I keep putting >links in the cell and allow the links to simply build to the number of links >in the database. Right now I have 8 different links in the navigation bar >and there is plenty of room for the links across the page, but if I >eventually have 15 or 20 links I would like the links to create a second >row. I thought that the links would automatically wrap within the cell but >they appear to build the links closer and closer together and it never >wraps. Here is the code I am using with ASP. The array "aLinks" is a two >dimensional array with one element as the URL and the other element as the >Link text to be displayed. I will paste the final interpreted code below >that so you can see how it turns out. Disregard the ugly color scheme >because that's not what I'm actually using. I need to find a way to make >the links wrap to another line, but it has to be done dynamically so it will >look correct with 5 or 30 links. Any suggestions on how to solve this >problem would be appreciated. > ><table bgcolor="red" border="0" width="100%" cellpadding="0" cellspacing="0" >align="center"> > <tr> > <% > > for LinkRecs=0 to ubound(aLinks,2) > %> > <td align="center" height="20" valign="middle"><a class="navbar" >href="<%=aLinks(0,LinkRecs)%>"> <%=aLinks(1,LinkRecs)%> &nb s >p;</a></td> > > <%next%> > </tr> ></table> > >The final code looks like this: > ><html> ><head> > <title>Untitled</title> ></head> ><body> ><table bgcolor="red" border="0" width="100%" cellpadding="0" cellspacing="0" >align="center"> > <tr> > <td align="center" height="20" valign="middle"><a class="navbar" >href="tools/toolsmain.asp"> Tools </a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="library/libmain.asp"> Library </a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="linksmain.asp"> Links </a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="cboinfo/infomain.asp"> CBO Info </a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="ratemanagement.asp"> Rate Management </a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="voiceaudit.asp"> Voice Audit </a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="dataaudit.asp"> Data Audit </a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="errorsuspense.asp"> Error Suspense </a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="tools/cpeshipdirect/cpesd.asp"> CPE Ship >Direct </a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="contact/contactmain.asp"> Contact Us </a></td> > </tr> ></table> ></body> ></html> > > > > > >
|
|
#3
12-11-2000, 07:26 PM
|
|||
|
|||
|
Re: dynamically build navigation bar
Since all you are doing is writing text links, meaning there are no alignment issues with graphics, why not just use one data cell and keep adding links. If your table has a maximum width set you should see wrapping occur at that point. good luck... "Brian" <brian.martens@wcom.com> wrote: >I am attempting to build a navigation bar across the top of the page using >ASP. I can get the bar to build correctly, but I am having trouble solving >a problem that I'm afraid will plague me in the distant future. I am >building a table with one row and and one cell in that row. I keep putting >links in the cell and allow the links to simply build to the number of links >in the database. Right now I have 8 different links in the navigation bar >and there is plenty of room for the links across the page, but if I >eventually have 15 or 20 links I would like the links to create a second >row. I thought that the links would automatically wrap within the cell but >they appear to build the links closer and closer together and it never >wraps. Here is the code I am using with ASP. The array "aLinks" is a two >dimensional array with one element as the URL and the other element as the >Link text to be displayed. I will paste the final interpreted code below >that so you can see how it turns out. Disregard the ugly color scheme >because that's not what I'm actually using. I need to find a way to make >the links wrap to another line, but it has to be done dynamically so it will >look correct with 5 or 30 links. Any suggestions on how to solve this >problem would be appreciated. > ><table bgcolor="red" border="0" width="100%" cellpadding="0" cellspacing="0" >align="center"> > <tr> > <% > > for LinkRecs=0 to ubound(aLinks,2) > %> > <td align="center" height="20" valign="middle"><a class="navbar" >href="<%=aLinks(0,LinkRecs)%>">**<%=aLinks(1,LinkRecs)%>*&nbs >p;</a></td> > > <%next%> > </tr> ></table> > >The final code looks like this: > ><html> ><head> > <title>Untitled</title> ></head> ><body> ><table bgcolor="red" border="0" width="100%" cellpadding="0" cellspacing="0" >align="center"> > <tr> > <td align="center" height="20" valign="middle"><a class="navbar" >href="tools/toolsmain.asp">**Tools**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="library/libmain.asp">**Library**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="linksmain.asp">**Links**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="cboinfo/infomain.asp">**CBO Info**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="ratemanagement.asp">**Rate Management**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="voiceaudit.asp">**Voice Audit**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="dataaudit.asp">**Data Audit**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="errorsuspense.asp">**Error Suspense**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="tools/cpeshipdirect/cpesd.asp">**CPE Ship >Direct**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="contact/contactmain.asp">**Contact Us**</a></td> > </tr> ></table> ></body> ></html> > > > > > >
|
|
#4
12-28-2000, 07:47 PM
|
|||
|
|||
|
Re: dynamically build navigation bar
"Brian" <brian.martens@wcom.com> wrote: >I am attempting to build a navigation bar across the top of the page using >ASP. I can get the bar to build correctly, but I am having trouble solving >a problem that I'm afraid will plague me in the distant future. I am >building a table with one row and and one cell in that row. I keep putting >links in the cell and allow the links to simply build to the number of links >in the database. Right now I have 8 different links in the navigation bar >and there is plenty of room for the links across the page, but if I >eventually have 15 or 20 links I would like the links to create a second >row. I thought that the links would automatically wrap within the cell but >they appear to build the links closer and closer together and it never >wraps. Here is the code I am using with ASP. The array "aLinks" is a two >dimensional array with one element as the URL and the other element as the >Link text to be displayed. I will paste the final interpreted code below >that so you can see how it turns out. Disregard the ugly color scheme >because that's not what I'm actually using. I need to find a way to make >the links wrap to another line, but it has to be done dynamically so it will >look correct with 5 or 30 links. Any suggestions on how to solve this >problem would be appreciated. > ><table bgcolor="red" border="0" width="100%" cellpadding="0" cellspacing="0" >align="center"> > <tr> > <% > > for LinkRecs=0 to ubound(aLinks,2) > %> > <td align="center" height="20" valign="middle"><a class="navbar" >href="<%=aLinks(0,LinkRecs)%>">**<%=aLinks(1,LinkRecs)%>*&nbs >p;</a></td> > > <%next%> > </tr> ></table> > >The final code looks like this: > ><html> ><head> > <title>Untitled</title> ></head> ><body> ><table bgcolor="red" border="0" width="100%" cellpadding="0" cellspacing="0" >align="center"> > <tr> > <td align="center" height="20" valign="middle"><a class="navbar" >href="tools/toolsmain.asp">**Tools**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="library/libmain.asp">**Library**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="linksmain.asp">**Links**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="cboinfo/infomain.asp">**CBO Info**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="ratemanagement.asp">**Rate Management**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="voiceaudit.asp">**Voice Audit**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="dataaudit.asp">**Data Audit**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="errorsuspense.asp">**Error Suspense**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="tools/cpeshipdirect/cpesd.asp">**CPE Ship >Direct**</a></td> > <td align="center" height="20" valign="middle"><a class="navbar" >href="contact/contactmain.asp">**Contact Us**</a></td> > </tr> ></table> ></body> ></html> > >Brian, Try placing your <td> tags outside of your loop. That way your links will wrap when you hit the maximum width of your table. As it is now, you are just adding more and more cells to the same row. Chris. > > > >
|
 |
| Bookmarks |
«
Previous Thread
|
Next Thread
»
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
Linear Mode
|
|
All times are GMT -4. The time now is 12:38 AM.