Help need with floating div

I have tried to create a floating div for a website where allows you to quickly go to the top of the page, I have managed to create the floating div using an image of an arrow pointing up and it works perfectly but I cannot link it to an anchor or even to link to a page or site. I used the following file posted by Steve a while back

http://www.talkgraphics.com/showthre...-floating-DIVs

I really hope someone can help

thanks

Hi Skech,

You may have tried this already:

Select the placeholder for the floating div and open Web Properties.
Select the Link tab and select Link to Anchor and select Top.

This works in IE8, Google Chrome 9.0.597.84, Opera 11.01, and Safari 5.0.3 (7533.19.4), but does not work in Firefox.

Thanks Bill

Tried that already but no luck, the only thing that works in the link tab is the pop-up photo, non of the other options work.

Kash

Kash I forgot to mention that using the Preview within Web Designer/Designer Pro does not work.

You must export the website and then use a browser to open the htm file.

All the browsers that I have installed work correctly with the exception of Firefox.

In Firefox the link at the bottom of the page also fails to bring the page to the top again.

This one works in preview and FF, not sure what I have done differently Bill

Scrub that, backup brain cell on the fritz

Thanks Drwyd.

I can get this to work but not with the floating div, I will upload the files to the server to check if that works.

Thanks again

Just uploaded the file to the server and it works! well sort of, in firefox 3.6.13 the icon shows up but for some reason there is a blue box around it.

http://simplydebtfree.co.uk/floating/#toppage

Any suggestions why it does this and a way around it if possible.

Skech, I must say that I don't really like a floating div anyway. To my eye it looks a bit funny, sloppy even. Perhaps this static object with .css might be more suitable.

Hi Boy!

The reason for the floating div is that I have a page on the website which is just over 9000px in length and it is a glossary of print terms, the floating div image is an arrow which takes the reader to the top of the page and this will hopefully look good when finished. Also I have used something similar to the static object but with an animated effect on the website below

http://www.baildoncarpets.com/

thanks

Kash

Quote:

---

Originally Posted by skech

Also I have used something similar to the static object but with an animated effect on the website below

http://www.baildoncarpets.com/

---

Do you mean the page fold in the upper right corner? If so, that's different from the static object because it doesn't stay in the screen when you scroll down. I did understand that you wanted the floating div as an easily accessible button that will direct users to the top of the page again and that's why I suggested this stationary/fixed object. You can use the same graphic you're using (the arrow) and you can position it anywhere on the page.

I was originally trying to create a small box which would float with the full alphabet on it so that the viewer could click on any letter and it could take them to the right letter but felt that I was being a bit too ambitious and settled for the floating up arrow. The box would be similar to http://www.procoprint.co.uk/yp-printingglossary.htm (the box on the right at the top, but would float as you moved up or down.

thanks

I have the feeling that I didn't make myself fully clear. Did you actually preview the .web file that I linked you to and see what happens when you scroll down the page? If you did and decided that such a static object does not meet your needs, no harm done. It was just an idea that I thought might do the job for you.

Perhaps this is what you're after :)

Yes!

That is it exactly John, first thing monday morning I will try the tutorial and see what I can do with it.

Thank you so much

Glad to help :)

skech,

I'm not sure if this is what you are after, anyway, I found this in my library

Jim