-
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>
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Development Centers
-- Android Development Center
-- Cloud Development Project Center
-- HTML5 Development Center
-- Windows Mobile Development Center
|