bladechob Posted September 30, 2007 Share Posted September 30, 2007 Hi, I have been cursed with some very deep pages that go way beyond the depth of the nav bar (left hand side) and am looking for a means of having the nav bar follow the viewer down the page. Help please Quote Link to comment https://forums.phpfreaks.com/topic/71230-vertical-scrolling-nav-bar/ Share on other sites More sharing options...
jd2007 Posted September 30, 2007 Share Posted September 30, 2007 what's ur problem in the coding...where is your code ? Quote Link to comment https://forums.phpfreaks.com/topic/71230-vertical-scrolling-nav-bar/#findComment-358287 Share on other sites More sharing options...
bladechob Posted September 30, 2007 Author Share Posted September 30, 2007 <table id="Table_01" width="200" height="700" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"><img src="images/newbar_01.gif" width="200" height="12" alt=""></td> </tr> <tr> <td rowspan="24"><img src="images/newbar_02.gif" width="41" height="688" alt=""></td> <td><a href="#" onmouseover="changeImages('newbar_Layer_1_copy_10', 'images/newbar_Layer-1-copy-10-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1_copy_10', 'images/newbar_Layer-1-copy-10.gif'); return true;" onmousedown="changeImages('newbar_Layer_1_copy_10', 'images/newbar_Layer-1-copy-10-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1_copy_10', 'images/newbar_Layer-1-copy-10-over.gif'); return true;"> <img name="newbar_Layer_1_copy_10" src="images/newbar_Layer-1-copy-10.gif" width="139" height="32" border="0" alt=""></a></td> <td rowspan="24"><img src="images/newbar_04.gif" width="20" height="688" alt=""></td> </tr> <tr> <td><img src="images/newbar_05.gif" width="139" height="12" alt=""></td> </tr> <tr> <td><a href="#" onmouseover="changeImages('newbar_Layer_1_copy_9', 'images/newbar_Layer-1-copy-9-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1_copy_9', 'images/newbar_Layer-1-copy-9.gif'); return true;" onmousedown="changeImages('newbar_Layer_1_copy_9', 'images/newbar_Layer-1-copy-9-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1_copy_9', 'images/newbar_Layer-1-copy-9-over.gif'); return true;"> <img name="newbar_Layer_1_copy_9" src="images/newbar_Layer-1-copy-9.gif" width="139" height="32" border="0" alt=""></a></td> </tr> <tr> <td><img src="images/newbar_07.gif" width="139" height="60" alt=""></td> </tr> <tr> <td><a href="#" onmouseover="changeImages('newbar_Layer_1', 'images/newbar_Layer-1-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1', 'images/newbar_Layer-1.gif'); return true;" onmousedown="changeImages('newbar_Layer_1', 'images/newbar_Layer-1-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1', 'images/newbar_Layer-1-over.gif'); return true;"> <img name="newbar_Layer_1" src="images/newbar_Layer-1.gif" width="139" height="32" border="0" alt=""></a></td> </tr> <tr> <td><img src="images/newbar_09.gif" width="139" height="16" alt=""></td> </tr> <tr> <td><a href="#" onmouseover="changeImages('newbar_Layer_1_copy', 'images/newbar_Layer-1-copy-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1_copy', 'images/newbar_Layer-1-copy.gif'); return true;" onmousedown="changeImages('newbar_Layer_1_copy', 'images/newbar_Layer-1-copy-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1_copy', 'images/newbar_Layer-1-copy-over.gif'); return true;"> <img name="newbar_Layer_1_copy" src="images/newbar_Layer-1-copy.gif" width="139" height="32" border="0" alt=""></a></td> </tr> <tr> <td><img src="images/newbar_11.gif" width="139" height="16" alt=""></td> </tr> <tr> <td><a href="#" onmouseover="changeImages('newbar_Layer_1_copy_2', 'images/newbar_Layer-1-copy-2-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1_copy_2', 'images/newbar_Layer-1-copy-2.gif'); return true;" onmousedown="changeImages('newbar_Layer_1_copy_2', 'images/newbar_Layer-1-copy-2-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1_copy_2', 'images/newbar_Layer-1-copy-2-over.gif'); return true;"> <img name="newbar_Layer_1_copy_2" src="images/newbar_Layer-1-copy-2.gif" width="139" height="32" border="0" alt=""></a></td> </tr> <tr> <td><img src="images/newbar_13.gif" width="139" height="14" alt=""></td> </tr> <tr> <td><a href="#" onmouseover="changeImages('newbar_Layer_1_copy_3', 'images/newbar_Layer-1-copy-3-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1_copy_3', 'images/newbar_Layer-1-copy-3.gif'); return true;" onmousedown="changeImages('newbar_Layer_1_copy_3', 'images/newbar_Layer-1-copy-3-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1_copy_3', 'images/newbar_Layer-1-copy-3-over.gif'); return true;"> <img name="newbar_Layer_1_copy_3" src="images/newbar_Layer-1-copy-3.gif" width="139" height="32" border="0" alt=""></a></td> </tr> <tr> <td><img src="images/newbar_15.gif" width="139" height="14" alt=""></td> </tr> <tr> <td><a href="#" onmouseover="changeImages('newbar_Layer_1_copy_4', 'images/newbar_Layer-1-copy-4-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1_copy_4', 'images/newbar_Layer-1-copy-4.gif'); return true;" onmousedown="changeImages('newbar_Layer_1_copy_4', 'images/newbar_Layer-1-copy-4-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1_copy_4', 'images/newbar_Layer-1-copy-4-over.gif'); return true;"> <img name="newbar_Layer_1_copy_4" src="images/newbar_Layer-1-copy-4.gif" width="139" height="32" border="0" alt=""></a></td> </tr> <tr> <td><img src="images/newbar_17.gif" width="139" height="17" alt=""></td> </tr> <tr> <td><a href="#" onmouseover="changeImages('newbar_Layer_1_copy_5', 'images/newbar_Layer-1-copy-5-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1_copy_5', 'images/newbar_Layer-1-copy-5.gif'); return true;" onmousedown="changeImages('newbar_Layer_1_copy_5', 'images/newbar_Layer-1-copy-5-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1_copy_5', 'images/newbar_Layer-1-copy-5-over.gif'); return true;"> <img name="newbar_Layer_1_copy_5" src="images/newbar_Layer-1-copy-5.gif" width="139" height="32" border="0" alt=""></a></td> </tr> <tr> <td><img src="images/newbar_19.gif" width="139" height="16" alt=""></td> </tr> <tr> <td><a href="#" onmouseover="changeImages('newbar_Layer_1_copy_6', 'images/newbar_Layer-1-copy-6-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1_copy_6', 'images/newbar_Layer-1-copy-6.gif'); return true;" onmousedown="changeImages('newbar_Layer_1_copy_6', 'images/newbar_Layer-1-copy-6-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1_copy_6', 'images/newbar_Layer-1-copy-6-over.gif'); return true;"> <img name="newbar_Layer_1_copy_6" src="images/newbar_Layer-1-copy-6.gif" width="139" height="32" border="0" alt=""></a></td> </tr> <tr> <td><img src="images/newbar_21.gif" width="139" height="14" alt=""></td> </tr> <tr> <td><a href="#" onmouseover="changeImages('newbar_Layer_1_copy_7', 'images/newbar_Layer-1-copy-7-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1_copy_7', 'images/newbar_Layer-1-copy-7.gif'); return true;" onmousedown="changeImages('newbar_Layer_1_copy_7', 'images/newbar_Layer-1-copy-7-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1_copy_7', 'images/newbar_Layer-1-copy-7-over.gif'); return true;"> <img name="newbar_Layer_1_copy_7" src="images/newbar_Layer-1-copy-7.gif" width="139" height="32" border="0" alt=""></a></td> </tr> <tr> <td><img src="images/newbar_23.gif" width="139" height="14" alt=""></td> </tr> <tr> <td><a href="#" onmouseover="changeImages('newbar_Layer_1_copy_8', 'images/newbar_Layer-1-copy-8-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1_copy_8', 'images/newbar_Layer-1-copy-8.gif'); return true;" onmousedown="changeImages('newbar_Layer_1_copy_8', 'images/newbar_Layer-1-copy-8-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1_copy_8', 'images/newbar_Layer-1-copy-8-over.gif'); return true;"> <img name="newbar_Layer_1_copy_8" src="images/newbar_Layer-1-copy-8.gif" width="139" height="32" border="0" alt=""></a></td> </tr> <tr> <td><img src="images/newbar_25.gif" width="139" height="14" alt=""></td> </tr> <tr> <td><a href="#" onmouseover="changeImages('newbar_Layer_1_copy_11', 'images/newbar_Layer-1-copy-11-over.gif'); return true;" onmouseout="changeImages('newbar_Layer_1_copy_11', 'images/newbar_Layer-1-copy-11.gif'); return true;" onmousedown="changeImages('newbar_Layer_1_copy_11', 'images/newbar_Layer-1-copy-11-over.gif'); return true;" onmouseup="changeImages('newbar_Layer_1_copy_11', 'images/newbar_Layer-1-copy-11-over.gif'); return true;"> <img name="newbar_Layer_1_copy_11" src="images/newbar_Layer-1-copy-11.gif" width="139" height="32" border="0" alt=""></a></td> </tr> <tr> <td><img src="images/newbar_27.gif" width="139" height="97" alt=""></td> </tr> </table> Quote Link to comment https://forums.phpfreaks.com/topic/71230-vertical-scrolling-nav-bar/#findComment-358288 Share on other sites More sharing options...
LemonInflux Posted September 30, 2007 Share Posted September 30, 2007 This is JavaScript, I Believe. look at http://www.dynamicdrive.com - I've seen it on there somewhere. Quote Link to comment https://forums.phpfreaks.com/topic/71230-vertical-scrolling-nav-bar/#findComment-358296 Share on other sites More sharing options...
LemonInflux Posted September 30, 2007 Share Posted September 30, 2007 http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm - If not, try in here: http://www.dynamicdrive.com/dynamicindex1/ Quote Link to comment https://forums.phpfreaks.com/topic/71230-vertical-scrolling-nav-bar/#findComment-358297 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.