Thread: Quick Links Anyone?

The webpage I am needing help with is here:

http://www.toddpianoworks.com/services_offered.html

On the blue menu, you will notice that I have a list of "quick links" that I have bookmarked/linked to the particular item. The issue I am running into is when someone clicks on a link, and it brings the page down to the item they clicked on, the quick link menu is still stuck at the top of the page.

Is there a way to have my quick links scroll down with the page?

Thank you!

See this.

Thanks! That helps a lot.

Now, my question is, how do I get it to float over the blue menu I have for the links? Right now, the floating menu is completely to the left.

Thanks again for the help.

You will have to edit the code. See the RED TEXT.
The X & Y will have to be figured out by you.
The "fromtop" will make it easier for you to position the menu.

<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" width="130" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#FFFFCC">
<p align="center"><b><font size="4">Menu</font></b></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF">
<p align="left"> <a href="http://www.dynamicdrive.com">Dynamic Drive</a><br>
<a href="http://www.dynamicdrive.com/new.htm">What's New</a><br>
<a href="http://www.dynamicdrive.com/hot.htm">What's Hot</a><br>
<a href="http://www.dynamicdrive.com/faqs.htm">FAQs</a><br>
<a href="http://www.dynamicdrive.com/morezone/">More Zone</a></td>
</tr>
</table>
<!--END OF EDIT-->

</layer>


<script type="text/javascript">

/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Enter "frombottom" or "fromtop"
var verticalpos="fromtop"

if (!document.layers)
document.write('</div>')

function JSFX_FloatTopDiv()
{
var startX = 75,
startY = 400;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.a ll[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.t op=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>

Got it, thanks!

Now, where in this HTML do I enter the color codes for the link colors?

I tried several ways, but nothing changed.

Nevermind about the color, I did figure it out.

However, another issue I have is that the floating menu floats to far toward the bottom of the screen, hiding the last three links from ever being clicked.

What setting do I need to change here?

Shorten the "Y" axis.

Could you please check it out one more time on your end, and let me know if it looks good?

http://www.toddpianoworks.com/services_offered.html

Thanks again for your help!

It does not work at all for me. How about posting a screen shot?

Hey Carbon Terry, I have followed your posts with interest. I wish I had your level of knowledge. You are a great contributor to the VH forum. Not trying to P in your pocket but your contributions are very helpful. That's all, just wanted to let you know that your help & expertise does not go unnoticed.

Ty

Todd,
Here's the issue for me. The blue bar where the menu resides is far enough down (on my Computer) that I cannot see the floating menu at all.
What screen resolution do you use? I'll set that on my computer and see how it looks.