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
2 Attachment(s)
Re: Help need with floating div
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.
Re: Help need with floating div
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
Re: Help need with floating div
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.
1 Attachment(s)
Re: Help need with floating div
This one works in preview and FF, not sure what I have done differently Bill
Scrub that, backup brain cell on the fritz
Re: Help need with floating div
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
Re: Help need with floating div
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.
Re: Help need with floating div
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.
Re: Help need with floating div
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
Re: Help need with floating div
Quote:
Originally Posted by
skech
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.
Re: Help need with floating div
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
Re: Help need with floating div
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.
Re: Help need with floating div
Perhaps this is what you're after :)
Re: Help need with floating div
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
Re: Help need with floating div
1 Attachment(s)
Re: Help need with floating div
skech,
I'm not sure if this is what you are after, anyway, I found this in my library
Jim