dreamweaver mx course - Dreamweaver - top of page link

Resolved · Low Priority · Version Standard

Sun 24 Dec 2006, 11:06 Delegate Elaine said...

Elaine has attended:
Dreamweaver 8 Introduction course

Dreamweaver - top of page link

I am trying to create a 'return to top of page' link at the end of each page on my site. How do I do this?

Many thanks,

Elaine Warriner

Mon 25 Dec 2006, 00:04 Trainer Rich said...

#top anchor

Hi Elaine,

Hope you enjoyed the course last week.

A solution to your question is to create an anchor at the top of your page, perhaps as the first element after <body> tag (before any text, images or tables). To do this, place your cursor in desired insertion point and choose Insert > Anchor. Sometimes it's called Named Anchor.

Normally you would name this anchor top.

You then need to link to the anchor. There are a few ways to do this, but the easiest is to create a link to simply #top (or whatever you've called the anchor). Note the use of the hash character before the name, this is how you indicate you are linking to an anchor, not another web page.

Another way is to simply link to a hash. This is a built in shortcut for most browsers which jumps the user back to the top of the page.

The code will look like this:

<a href="#">Back to top</a>

I trust this answers your question. Have a lovely Christmas.

Regards, Rich

Training courses

	98.7 % recommend us
	More live stats...

Training information:

Active questions
Advanced/consultancy questions
Today's questions
Unanswered questions
Popular forum topics

Dreamweaver tip:

Testing a site

When developing a site, you have to cater to the widest possible audience allowing for users with different browsers and display settings.
Test pages to see how they look with:

- different display resolutions
- browser with graphics turned off
- many different browsers not just IE
- if possible different operating systems.

View all Dreamweaver hints and tips