Back to Top button

[Monika]

I am a newbie creating my first website and am having problems creating a
back to top cutton. I have seen a lot of commands about it but simply do not
know how to go about it. Where do I put these commands? Do I have to create a
text box first to where I want people to go back to? Sorry, but I think that
I need a step to step explanation.

THANK YOU VERY MUCH.

I am getting rather desperate.

 

[DavidF]

Go to Insert > HTML code fragment and copy and paste the following into the
code fragment box:

<A HREF="#TOP">Back to Top</A>

Resize and drag the code fragment box where ever you want on your page.

DavidF

 

[ksman]

Thanks that helped me too.

Go to Insert > HTML code fragment and copy and paste the following into the
code fragment box:

<A HREF="#TOP">Back to Top</A>

Resize and drag the code fragment box where ever you want on your page.

DavidF

 

[DavidF]

Great! I love a 'twofer'. Thanks for posting.

DavidF

 

[Monika]

Thanks. When I do this though, I get a text box with the command. That's all.

In the meantime, I created a bookmark, placed it at the top. Done a back to
top button a the bottom and linked the latter to the bookmarks. It works.

How could this work floating? Any suggestions.

Monika

 

[DavidF]

It sounds like you put the code snippet in a text box. Look under Insert >
HTML code fragment. That is what you should have used instead. And yes, your
approach works in the newer versions, but not all versions of
Publisher...and you did not say what version you were using.

Sorry, but I have no idea what you mean by "how could this work floating".

DavidF

 

[Don Schmidt]

David,

Me thinks the "Back to top" would stay stationary as you scroll down the
page, thus it would always be available.

Don

 

[Monika]

Thanks everybody. I am using Publisher 2007 (sorry, forgotten to mention). I
know how to insert a HTML code fragment. BUT. If I do so, that very code
appears in a new box. Where is one suppost to put this new box (at the top of
the page?). And how do you do the hyperlink between that and the button at
the bottom. Obviously, I am missing something here

Anyway, it seems to works now.

And yes, Don, that's what I meant by "floating".

Monika

 

[DavidF]

AAAhhhh Sooooo! I see said the blind man as he put his watch in his
pocket...

In that case I don't know the answer. Thanks.

DavidF

 

[Don Schmidt]

Monika,

When you select Insert, HTML code fragment it changes the cursor to a cross.

With the cursor cross, draw a rectangle, where you want the "Back to Top"
located.

Then a window pops open and that is where you replace the existing text with
the
<A HREF="#TOP">Back to Top</A>
OK the window.

Now you can select, File, Preview as a webpage.

Verify that you are satisfied with the location of the "Back to Top"

If not, close the Preview window and click and drag the code fragment to the
better location.
Save as a website or whatever your version of Publisher offers.

Don, the Lifeguard ("floating" expert)
"May your shadow be found in happy places." - Native North American

 

[Monika]

Well, Don, I do not know what to say. Is ti as simple as that. And it works.
You made my day.

Thanks.

Monika

 

[Don Schmidt]

You are very welcome.

 

[karen3b]

Well, that Q&A gave me something I needed as well. Now I've made
'back-to-top' buttons for my website.

I grouped the 'back-to-top' .html code box with a bit of my logo. However,
I cannot Arrange the code text box to go Backward behind the bit of logo --
thereby hiding the text of the .html.

So, I jerry-rigged a part-solution: made the .html code box really tiny --
and positioned the text color within the logo color. Then grouped the two.

But: the text of the .html always shows on the webpage. Which is just
plain messy.

How can I get a hidden 'back to top' until it is moused over?

 

[karen3b]

I've used buttons that are hidden until moused over. That's what I'd like to
offer here. Don't know the .html code for that version....

 

[DavidF]

Ah yes, don't they call that "mystery meat" in the
http://www.webpagesthatsuck.com/ site? Where the viewer has to mouseover
everything on the page to find the hidden links? <g> That is way too much
fun for me...

DavidF

 

[karen3b]

Oh, darn. No mystery meat. I'll re-read the webpagesthatsuck. [It's been
awhile.] So, how can I control what & where the text looks like on the
webpage? I'm gathering that I need to get rid of my cute branding with the
bit of logo -- because that makes it look messy when there's a text label....

Is there an more accurate/faster way than placing it blindly? Or is that
what happens with .html frags?

 

[DavidF]

To be honest I can't really envision what you were trying to do, but Don's
comment seemed right on to me. As per the code fragment box, you can resize
and move it anywhere you want.

Besides the term mystery meat kind of stuck with me when I read through
webpagesthatsuck. I think the example they gave was an image map on the home
page with no text at all. You had to mouse over all over the image to find
the links, and it wasn't even clear that you should do that. The point
being, you need to make navigation as easy and clear as possible for people.
Don't make them guess at what to click and where it will take them.

If what you were doing before was clear, then just remove the text from the
code snippet and overlap it like you would a hotspot link.

DavidF

Oh, darn. No mystery meat. I'll re-read the webpagesthatsuck. [It's
been
awhile.] So, how can I control what & where the text looks like on the
webpage? I'm gathering that I need to get rid of my cute branding with
the
bit of logo -- because that makes it look messy when there's a text
label....

Is there an more accurate/faster way than placing it blindly? Or is that
what happens with .html frags?
--
karen3b

Ah yes, don't they call that "mystery meat" in the
http://www.webpagesthatsuck.com/ site? Where the viewer has to mouseover
everything on the page to find the hidden links? <g> That is way too much
fun for me...

DavidF

 

[karen3b]

I've futzed around so that I have the text centered over the logo bit &
Grouped the two together. So now I can accurately position the text. So
I'll leave both text & graphic on the pages. [I promise to Ungroup
everything, page by page, before I Publish.] And if the page looks too
littered, I can remove the graphics then -- since the text is then already
positioned.

That part is done for now. I may need more 'back to top' buttons upon
review. They are now easy for me to do. No worries there.
--
karen3b

To be honest I can't really envision what you were trying to do, but Don's
comment seemed right on to me. As per the code fragment box, you can resize
and move it anywhere you want.

Besides the term mystery meat kind of stuck with me when I read through
webpagesthatsuck. I think the example they gave was an image map on the home
page with no text at all. You had to mouse over all over the image to find
the links, and it wasn't even clear that you should do that. The point
being, you need to make navigation as easy and clear as possible for people.
Don't make them guess at what to click and where it will take them.

If what you were doing before was clear, then just remove the text from the
code snippet and overlap it like you would a hotspot link.

DavidF

Oh, darn. No mystery meat. I'll re-read the webpagesthatsuck. [It's
been
awhile.] So, how can I control what & where the text looks like on the
webpage? I'm gathering that I need to get rid of my cute branding with
the
bit of logo -- because that makes it look messy when there's a text
label....

Is there an more accurate/faster way than placing it blindly? Or is that
what happens with .html frags?
--
karen3b

Ah yes, don't they call that "mystery meat" in the
http://www.webpagesthatsuck.com/ site? Where the viewer has to mouseover
everything on the page to find the hidden links? <g> That is way too much
fun for me...

DavidF

I've used buttons that are hidden until moused over. That's what I'd
like
to
offer here. Don't know the .html code for that version....
--
karen3b


:

If you have the words hidden, what would instruct the visitor to click
on
the button? Not seeing the words the visitor will probably just use
the
scroll bar or the page up key.


--
Don - Vancouver, USA
"May your shadow be found in happy places." - Native North American


Well, that Q&A gave me something I needed as well. Now I've made
'back-to-top' buttons for my website.

I grouped the 'back-to-top' .html code box with a bit of my logo.
However,
I cannot Arrange the code text box to go Backward behind the bit of
logo --
thereby hiding the text of the .html.

So, I jerry-rigged a part-solution: made the .html code box really
tiny --
and positioned the text color within the logo color. Then grouped
the
two.

But: the text of the .html always shows on the webpage. Which is
just
plain messy.

How can I get a hidden 'back to top' until it is moused over?

--
karen3b


:

You are very welcome.

--
Don, Vancouver, USA
-----------------------------------
"Find something you love to do and you'll
never have to work a day in your life."
Harvey Mackay, author


Well, Don, I do not know what to say. Is ti as simple as that.
And
it
works.
You made my day.

Thanks.

Monika

:

Monika,

When you select Insert, HTML code fragment it changes the cursor
to
a
cross.

With the cursor cross, draw a rectangle, where you want the
"Back
to
Top"
located.

Then a window pops open and that is where you replace the
existing
text
with
the
<A HREF="#TOP">Back to Top</A>
OK the window.

Now you can select, File, Preview as a webpage.

Verify that you are satisfied with the location of the "Back to
Top"

If not, close the Preview window and click and drag the code
fragment
to
the
better location.
Save as a website or whatever your version of Publisher offers.

Don, the Lifeguard ("floating" expert)
"May your shadow be found in happy places." - Native North
American



Thanks everybody. I am using Publisher 2007 (sorry, forgotten
to
mention).
I
know how to insert a HTML code fragment. BUT. If I do so, that
very
code
appears in a new box. Where is one suppost to put this new box
(at
the
top
of
the page?). And how do you do the hyperlink between that and
the
button
at
the bottom. Obviously, I am missing something here

Anyway, it seems to works now.

And yes, Don, that's what I meant by "floating".

Monika

:

AAAhhhh Sooooo! I see said the blind man as he put his watch
in
his
pocket...

In that case I don't know the answer. Thanks.

DavidF

message
David,

Me thinks the "Back to top" would stay stationary as you
scroll
down
the
page, thus it would always be available.

Don


It sounds like you put the code snippet in a text box.
Look
under
Insert
HTML code fragment. That is what you should have used
instead.
And
yes,
your approach works in the newer versions, but not all
versions
of
Publisher...and you did not say what version you were
using.

Sorry, but I have no idea what you mean by "how could this
work
floating".

DavidF


message
Thanks. When I do this though, I get a text box with the
command.
That's
all.

In the meantime, I created a bookmark, placed it at the
top.
Done
a
back
to
top button a the bottom and linked the latter to the
bookmarks.
It
works.

How could this work floating? Any suggestions.

Monika

:

Thanks that helped me too.

:

Go to Insert > HTML code fragment and copy and paste
the
following
into the
code fragment box:

<A HREF="#TOP">Back to Top</A>

Resize and drag the code fragment box where ever you
want
on
your
page.

DavidF

message
I am a newbie creating my first website and am having
problems
creating a
back to top cutton. I have seen a lot of commands
about
it
but
simply do
not
know how to go about it. Where do I put these
commands?
Do
I
have
to
create a
text box first to where I want people to go back to?
Sorry,
but
I
think