PDA

View Full Version : vertical menubar

b34ch3r
09-01-2002, 01:12 PM
could u pleez help?? i have been tryin 2 do a vertical navigation bar as a table, and i just can't do it! plz help!
duniyadnd
09-01-2002, 05:49 PM
http://www.dynamicdrive.com/dynamicindex1/index.html

might be what you're looking for.

unless you want to make a simple menu going down vertical, just make a table with two cells. The menu goes on the left cell and align that table left.

duniyadnd
Cam
09-01-2002, 11:07 PM
I usually do this is with a nested table

so...

<body>
<table summary="main page" border=0 width=80%>

<tr>
<td width="60px">

<!-- start of nested navigation table-->

<table width=100% summary="nav table" border=1 cellpadding=5 bordercolor=red >

<tr><td>Nav 1</td></tr>
<tr><td>Nav 2</td></tr>
<tr><td>Nav 3</td></tr>
<tr><td>Nav 4</td></tr>

</table>

<!--end of navigation table-->

</td>

<td> the content of the page</td>

</tr>
</table>

</body>

A nested table allows you to use borders to define the borders in the menu without having borders on the entire table. You can also play with cellpadding and cellspacing independant of the rest of the table.

For more information on html for tables, check out

http://www.w3.org/TR/1998/REC-html40-19980424/struct/tables.html#h-11.3.1

If you're using a few one to one relations, a table based nav scheme works. I find for one to many relations, javascript nav menus work best. Brothercake's Ultimate Drop Down menu or HVmenu are both excellent scripts and can be found at the location provided by duniyadnd.

Cheers

Cam