Link to a different part of the page...

User 412593 Photo


Trial User
11 posts

Hi. I'm using VSD and I'm trying to make a FAQ page so that there is a list of questions at the top and then once you click on each question, I'm trying to make it automatically scroll down to the answer, which would be further down on the page. Is there a way to make a link that simply scrolls down to a different section on the same page?

I hope I'm making sense...it's a little hard to explain. Any help would be greatly appreciated!
User 103173 Photo


VP of Software Development
0 posts

Yes, what you are looking to do is create and anchor inside of your document. Unfortunately that is not an option in VSD at this time.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 412593 Photo


Trial User
11 posts

Okay, no big deal; I'll just make a new window pop up with the answers.

Thanks for the quick reply--I appreciate it!
User 463195 Photo


Registered User
40 posts

What I do is once my web page is uploaded to my host server is use there editor to insert anchors. Its a hassle but the only work around I know.

Scott any idea when this feature will be available in upcoming versions of
VSD?

Thanks
Joe McCarron

User 597929 Photo


Registered User
1,332 posts

There might be a work-around, but it involves there being some text on the page right where you want the anchor to be.

Simply use the HTML box instead of the text box to place the text, and then enclose a word or two of that text inside the anchor tag. That should place it where you want since the text "anchors" it there, and you can refer to it as usual.

I did it to drop an anchor at the top of a couple of my pages, but it should work wherever you place it, not just at the top.

Example: header text made into an anchor:

http://www.spinland.biz/links.html

<div class="Object3517"><a name="top"><h1>Links</h1></a></div>


Because the "Links" header text has a physical position on the page, the associated anchor gets placed in the same spot:

div.Object3517 { position:absolute; top:8px; left:238px; width: 624px; z-index:0; }


And you can link to it normally:

<center><a href="#top">return to top of page</a></center>
"You can't be a real country unless you have a beer and an airline - it helps if you have some kind of a football team, or some nuclear weapons, but at the very least you need a beer." -- Frank Zappa

Visit Spinland Studios: http://www.spinland.biz
User 412593 Photo


Trial User
11 posts

That was really helpful, guys, thank you!
User 282670 Photo


Registered User
3,940 posts

Jremetta, please change your name to a user name in stead of posting your email as there are spammers in this open forum. Thank You.




User 412593 Photo


Trial User
11 posts

Thanks, Bruzer...It's odd because I never remember my e-mail address coming up like that before...
User 225748 Photo


Registered User
71 posts

I finally got a Back to the top entered on my page using

<a name="top"></a> (at the top of the page)
<a href="#top">Back to top</a> (at the bottom of the page.

I don't like the appearance of the Back to top blue underlined link. Is there a way to use the Object or Shapes tool to dress this up. Where would I enter the html code?
JE
User 147665 Photo


Ambassador
712 posts

You can hit the text button, click on the text(back to top), then click the arrow tool and it will change to object, hit the allow advanced text checkbox.

or hit the arrow tool, click on the back to top text and click the object button and hit the allow advanced text check box

Then you can dress it using the Effect button


Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.