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 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 ? 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> 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. 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/ Link to comment https://forums.phpfreaks.com/topic/71230-vertical-scrolling-nav-bar/#findComment-358297 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.